ThinkPHP下使用Uploadify插件详解

uploadfiy这个插件是基于js里面的jquery库写的。结合了ajax和flash，实现了这个多线程上传的功能。现在最新版为3.2,下载地址为：http://www.uploadify.com/wp-content/uploads/files/uploadify.zip。



第一步：下载好压缩包之后，解压里面的文件：

jquery.uploadify.js （主要插件）

jquery-1.7.2.min.js （jquery主件）

uploadify.swf （flash上传插件）

uploadify.css （上传样式表）

uploadify-cancel.png （flash上传按钮图标）

uploadify.php （上传处理数据）

uploads文件夹 （默认保存上传文件目录）



第二步：写上传接口

在你需要上传的页面写下如下js：

首先引入js/css


然后定义一些初始化变量，后面都写有注释


最后是在body里面添加调用标签


第三步：定义uploadify处理后台， 默认的是uploadify.php页面thinkphp就根据自己的情况我用的是{:U('file/uploadPicture')}

public function uploadPicture(){ //TODO: 用户登录检测 /* 返回标准数据 */ $return = array('status' => 1, 'info' => '上传成功', 'data' => ''); /* 调用文件上传组件上传文件 */ $upload = new ThinkUpload();// 实例化上传类 $upload->maxSize = 3145728 ;// 设置附件上传大小 $upload->exts = array('jpg', 'gif', 'png', 'jpeg');// 设置附件上传类型 $upload->savePath = '/img/'; // 设置附件上传目录 // 上传文件 $info = $upload->upload(); /* 记录图片信息 */ if($info){ $return['status'] = 1; } else { $return['status'] = 0; $return['info'] = $upload->getError(); } /* 返回JSON数据 */ $this->ajaxReturn($return); }

这不是就完成了！

来源：原创（1）