|
首先,將下載的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("失敗"); }*/ }
php技術:使用ThinkPHP+Uploadify實現圖片上傳功能,轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。