当前位置:首页 > CMS教程 > Thinkphp > 列表

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

发布:smiling 来源: PHP粉丝网  添加日期:2021-03-03 12:04:37 浏览: 评论:0 

这篇文章主要介绍了使用ThinkPHP+Uploadify实现图片上传功能,需要的朋友可以参考下,首先,将下载的Uploadify压缩包解压放到公共文件夹内。实现代码如下:

前台html部分:

  1. <script src="/uploadify/jquery.min.js" data-ke-src="/Public/uploadify/jquery.min.js" type="text/javascript"
  2. <script src="/uploadify/jquery.uploadify.min.js" data-ke-src="/Public/uploadify/jquery.uploadify.min.js" type="text/javascript"
  3. <link rel="stylesheet" type="text/css" href="/uploadify/uploadify.css" data-ke-src="/Public/uploadify/uploadify.css"
  4. <script type="text/javascript"
  5. var img_id_upload=new Array();//初始化数组,存储已经上传的图片名 
  6. var i=0;//初始化数组下标 
  7. $(function() { 
  8.  $('#file_upload').uploadify({ 
  9.  'auto' : false,//关闭自动上传 
  10.  'removeTimeout' : 600,//文件队列上传完成1秒后删除 
  11.  'swf' : '/Public/uploadify/uploadify.swf'
  12.  'uploader' : '/_URL_/Article/uploadify'
  13.  'method' : 'post'//方法,服务端可以用$_POST数组获取数据 
  14.  'buttonText' : '选择图片',//设置按钮文本 
  15.  'multi' : true,//允许同时上传多张图片 
  16.  'uploadLimit' : 8,//一次最多只允许上传10张图片 
  17.  'fileTypeDesc' : 'Image Files',//只允许上传图像 
  18.  'fileTypeExts' : '*.gif; *.jpg; *.png',//限制允许上传的图片后缀 
  19.  'fileSizeLimit' : '2000KB',//限制上传的图片大小 
  20.  'onUploadSuccess' : function(file, data, response) { //每次成功上传后执行的回调函数,从服务端返回数据到前端 
  21. $('#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 />'); 
  22.  img_id_upload[i]=data; 
  23.  i++; 
  24.  } 
  25.  }); 
  26. }); 
  27. </script> 
  28. <input type="file" name="file_upload" id="file_upload" /> 
  29. <p><a href="javascript:$('#file_upload').uploadify('upload','');" data-ke-src="javascript:$('#file_upload').uploadify('upload','');">上传</a> 
  30. </p> 
  31. <br /> 
  32. <div id="image" class="image"><br /> 

action执行代码部分:

  1. public function uploadify() 
  2.  { 
  3.  $ph=M('Upload'); 
  4.  import('ORG.Net.UploadFile'); 
  5.  $upload = new UploadFile();// 实例化上传类 
  6.  $upload->maxSize = 93145728 ;// 设置附件上传大小 
  7.  $upload->saveRule =rand(1,9999); 
  8.  $upload->allowExts = array('jpg''gif''png''jpeg','flv','avi','mov');// 设置附件上传类型 
  9.  $upload->savePath = './Uploads/';// 设置附件上传目录 
  10.  if(!$upload->upload()) 
  11.  {// 上传错误提示错误信息 
  12.  $this->error($upload->getErrorMsg()); 
  13.  }else{// 上传成功 获取上传文件信息 
  14.  $info = $upload->getUploadFileInfo(); 
  15.  } 
  16.  for($i=0;$i<count($info);$i++) 
  17.  { 
  18.  $data['name']=$info[$i]['savename']; 
  19.  $data['size']=$info[$i]['size']; 
  20.  $data['type']=$info[$i]['extension']; 
  21.  echo $info[$i]['savename']; 
  22.  $rs=$ph->add($data);  
  23.  } 
  24.  /*if($rs) 
  25.  { 
  26.  $this->success("成功"); 
  27.  }else 
  28.  { 
  29.  $this->error("失败"); 
  30.  }*/ 
  31.  } 

Tags: ThinkPHP上传 Uploadify图片上传

分享到: