ThinkPHP整合Uploadify插件实现异步上传图片

时间：2014-12-29 编辑：简简单单来源：一聚教程网

1、首先到官网下载Uploadify插件。

2、在页面引入uploadify.css、jquery.uploadify.min.js。当然你得先把jquery引入。

3、配置uploadify：

代码如下	复制代码

上传处理的地址就是uploadify方法，由于JS对上传文件的限制，上传文件不能做到异步上传。所以这里我把返回图片的地址赋值给一个隐藏的表单然后在用异步提交到数据库，有更好的方法的童鞋请在下方留言。

4、处理上传图片的方法代码：

代码如下

复制代码

//图像上传处理
public function uploadify() {
if (!empty($_FILES)) {
    //图片上传设置
    $config = array(
      'maxSize'    =>    3145728,
      'savePath'   =>    '',
      'saveName'   =>    array('uniqid',''),
      'exts'       =>    array('jpg', 'gif', 'png', 'jpeg'),
      'autoSub'    =>    true,
      'subName'    =>    array('date','Ymd'),
    );
    $upload = new ThinkUpload($config);// 实例化上传类
    $info = $upload->upload();
    if(!$info) {
      //上传错误提示信息
      $this->error($upload->getError());
    } else {
      foreach($info as $file){
        echo $file['savepath'].$file['savename'];
      }
    }
}
}

PS：在根目录创建Uploads目录

HTML代码

代码如下	复制代码
上传图片尺寸建议为480*249

对于出现302 error 的同学，是因为需要传递session值给uploadify。在配置uploadify的时候加上这一项就能解决了formData : {'session_id' : sid},当然得先定义var sid = '{:session_id()}';。希望对大家有所帮助！

上一个： php读取手机客户端浏览器的类库
下一个： PHP计算百度地图两个GPS坐标之间的距离代码

推荐专题

最新下载

热门教程

ThinkPHP整合Uploadify插件实现异步上传图片

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程