程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> 關於PHP編程 >> 使用ThinkPHP+Uploadify實現圖片上傳功能

使用ThinkPHP+Uploadify實現圖片上傳功能

編輯:關於PHP編程

首先,將下載的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 ><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("失敗");
  }*/
 }

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved