使用ThinkPHP+Uploadify实现图片上传功能


Posted in PHP onJune 26, 2014

首先,将下载的Uploadify压缩包解压放到公共文件夹内。实现代码如下:

前台html部分:

<script src="/uploadify/jquery.min.js" data-ke-src="/Public/uploadify/jquery.min.js" type="text/javascript">
<script src="/uploadify/jquery.uploadify.min.js" data-ke-src="/Public/uploadify/jquery.uploadify.min.js" type="text/javascript">
<link rel="stylesheet" type="text/css" href="/uploadify/uploadify.css" data-ke-src="/Public/uploadify/uploadify.css">
<script type="text/javascript">
var img_id_upload=new Array();//初始化数组,存储已经上传的图片名
var i=0;//初始化数组下标
$(function() {
 $('#file_upload').uploadify({
 'auto' : false,//关闭自动上传
 'removeTimeout' : 600,//文件队列上传完成1秒后删除
 'swf' : '/Public/uploadify/uploadify.swf',
 'uploader' : '/_URL_/Article/uploadify',
 'method' : 'post', //方法,服务端可以用$_POST数组获取数据
 'buttonText' : '选择图片',//设置按钮文本
 'multi' : true,//允许同时上传多张图片
 'uploadLimit' : 8,//一次最多只允许上传10张图片
 'fileTypeDesc' : 'Image Files',//只允许上传图像
 'fileTypeExts' : '*.gif; *.jpg; *.png',//限制允许上传的图片后缀
 'fileSizeLimit' : '2000KB',//限制上传的图片大小
 'onUploadSuccess' : function(file, data, response) { //每次成功上传后执行的回调函数,从服务端返回数据到前端
$('#image').append('<div style="float:left;margin:2px 0 0 2px"><img width="100px" height="100px" src="/uploads/'+data+'" data-ke-src="/uploads/'+data+'" height=80 width=80 />');
 img_id_upload[i]=data;
 i++;
 }
 });
});
</script>
<input type="file" name="file_upload" id="file_upload" />
<p><a href="javascript:$('#file_upload').uploadify('upload','');" data-ke-src="javascript:$('#file_upload').uploadify('upload','');">上传</a>
</p>
<br />
<div id="image" class="image"><br />

action执行代码部分:

public function uploadify()
 {
 $ph=M('Upload');
 import('ORG.Net.UploadFile');
 $upload = new UploadFile();// 实例化上传类
 $upload->maxSize = 93145728 ;// 设置附件上传大小
 $upload->saveRule =rand(1,9999);
 $upload->allowExts = array('jpg', 'gif', 'png', 'jpeg','flv','avi','mov');// 设置附件上传类型
 $upload->savePath = './Uploads/';// 设置附件上传目录
 if(!$upload->upload())
 {// 上传错误提示错误信息
 $this->error($upload->getErrorMsg());
 }else{// 上传成功 获取上传文件信息
 $info = $upload->getUploadFileInfo();
 }
 for($i=0;$i<count($info);$i++)
 {
 $data['name']=$info[$i]['savename'];
 $data['size']=$info[$i]['size'];
 $data['type']=$info[$i]['extension'];
 echo $info[$i]['savename'];
 $rs=$ph->add($data); 
 }
 /*if($rs)
 {
 $this->success("成功");
 }else
 {
 $this->error("失败");
 }*/
 }

希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。

PHP 相关文章推荐
用PHP和ACCESS写聊天室(七)
Oct 09 PHP
PHP+FLASH实现上传文件进度条相关文件 下载
Jul 21 PHP
UTF8编码内的繁简转换的PHP类
Jul 09 PHP
php 获取远程网页内容的函数
Sep 08 PHP
shopex中集成的站长统计功能的代码简单分析
Aug 11 PHP
30 个很棒的PHP开源CMS内容管理系统小结
Oct 14 PHP
php数组函数序列之in_array() 查找数组值是否存在
Oct 29 PHP
php实现概率性随机抽奖代码
Jan 02 PHP
PHP图片裁剪与缩放示例(无损裁剪图片)
Feb 08 PHP
PHP实现蛇形矩阵,回环矩阵及数字螺旋矩阵的方法分析
May 29 PHP
PHP实现广度优先搜索算法(BFS,Broad First Search)详解
Sep 16 PHP
tp5 实现列表数据根据状态排序
Oct 18 PHP
ThinkPHP采用GET方式获取中文参数查询无结果的解决方法
Jun 26 #PHP
ThinkPHP实现将本地文件打包成zip下载
Jun 26 #PHP
ThinkPHP实现一键清除缓存方法
Jun 26 #PHP
destoon实现商铺管理主页设置增加新菜单的方法
Jun 26 #PHP
destoon在360浏览器下出现用户被强行注销的解决方法
Jun 26 #PHP
实现在同一方法中获取当前方法中新赋值的session值解决方法
Jun 26 #PHP
PHP执行Curl时报错提示CURL ERROR: Recv failure: Connection reset by peer的解决方法
Jun 26 #PHP
You might like
将RTF格式的文件转成HTML并在网页中显示的代码
2006/10/09 PHP
ThinkPHP使用心得分享-分页类Page的用法
2014/05/15 PHP
什么是PEAR?什么是PECL?PHP中两个容易混淆的概念解释
2015/07/01 PHP
Yii框架扩展CGridView增加导出CSV功能的方法
2017/05/24 PHP
对laravel的csrf 防御机制详解,及form中csrf_token()的存在介绍
2019/10/24 PHP
动态改变textbox的宽高的js
2006/10/26 Javascript
JavaScript中的对象化编程
2008/01/16 Javascript
IE浏览器PNG图片透明效果代码
2008/09/02 Javascript
AeroWindow 基于JQuery的弹出窗口插件
2011/06/27 Javascript
jQuery如何取id有.的值一般的方法是取不到的
2014/04/18 Javascript
浅谈node.js中async异步编程
2015/10/22 Javascript
详解JavaScript的回调函数
2015/11/20 Javascript
BootStrap的Datepicker控件使用心得分享
2016/05/25 Javascript
HTML5+jQuery插件Quicksand实现超酷的星际争霸2兵种分类展示效果(附demo源码下载)
2016/05/25 Javascript
jQuery无缝轮播图代码
2016/12/22 Javascript
使用webpack搭建vue项目及注意事项
2019/06/10 Javascript
[01:41]DOTA2 2015国际邀请赛中国区预选赛第三日战报
2015/05/28 DOTA
Python 常用的安装Module方式汇总
2017/05/06 Python
TensorFlow神经网络优化策略学习
2018/03/09 Python
Python 读取串口数据,动态绘图的示例
2019/07/02 Python
python解释器安装教程的方法步骤
2020/07/02 Python
Python Mock模块原理及使用方法详解
2020/07/07 Python
非常漂亮的CSS3百叶窗焦点图动画
2016/02/24 HTML / CSS
Holiday Inn中国官网:IHG旗下假日酒店预订
2018/04/08 全球购物
The Body Shop美体小铺西班牙官网:天然化妆品
2019/06/21 全球购物
Java基础知识面试要点
2016/07/29 面试题
总裁岗位职责
2013/12/04 职场文书
内业资料员岗位职责
2014/01/04 职场文书
小学生家长评语大全
2014/02/10 职场文书
装修设计师求职信
2014/02/26 职场文书
人事专员的职责
2014/02/26 职场文书
简单租房协议书
2014/10/21 职场文书
2015迎新晚会活动总结
2015/07/16 职场文书
2015团员个人年度总结
2015/11/24 职场文书
浅谈MySQL 亿级数据分页的优化
2021/06/15 MySQL
Python序列化模块JSON与Pickle
2022/06/05 Python