zoukankan      html  css  js  c++  java
  • 使用ThinkPHP+Uploadify实现图片上传功能

    首先,将下载的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("失败");
      }*/
     }
  • 相关阅读:
    [LeetCode] 139. Word Break 单词拆分
    [LeetCode] 140. Word Break II 单词拆分II
    [LeetCode] 297. Serialize and Deserialize Binary Tree 二叉树的序列化和反序列化
    [LeetCode] 206. Reverse Linked List 反向链表
    [LeetCode] 92. Reverse Linked List II 反向链表II
    [LeetCode] 258. Add Digits 加数字
    [LeetCode] 66. Plus One 加一
    [LeetCode] 21. Merge Two Sorted Lists 合并有序链表
    [LeetCode] 88. Merge Sorted Array 合并有序数组
    [LeetCode] 10. Regular Expression Matching 正则表达式匹配
  • 原文地址:https://www.cnblogs.com/zhujiabin/p/4978950.html
Copyright © 2011-2022 走看看