使用ThinkPHP+Uploadify實(shí)現(xiàn)圖片上傳功能
首先,將下載的Uploadify壓縮包解壓放到公共文件夾內(nèi)。實(shí)現(xiàn)代碼如下:
前臺(tái)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();//初始化數(shù)組,存儲(chǔ)已經(jīng)上傳的圖片名 var i=0;//初始化數(shù)組下標(biāo) $(function() { $('#file_upload').uploadify({ 'auto' : false,//關(guān)閉自動(dòng)上傳 'removeTimeout' : 600,//文件隊(duì)列上傳完成1秒后刪除 'swf' : '/Public/uploadify/uploadify.swf', 'uploader' : '/_URL_/Article/uploadify', 'method' : 'post', //方法,服務(wù)端可以用$_POST數(shù)組獲取數(shù)據(jù) 'buttonText' : '選擇圖片',//設(shè)置按鈕文本 'multi' : true,//允許同時(shí)上傳多張圖片 'uploadLimit' : 8,//一次最多只允許上傳10張圖片 'fileTypeDesc' : 'Image Files',//只允許上傳圖像 'fileTypeExts' : '*.gif; *.jpg; *.png',//限制允許上傳的圖片后綴 'fileSizeLimit' : '2000KB',//限制上傳的圖片大小 'onUploadSuccess' : function(file, data, response) { //每次成功上傳后執(zhí)行的回調(diào)函數(shù),從服務(wù)端返回?cái)?shù)據(jù)到前端 $('#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執(zhí)行代碼部分:
public function uploadify() { $ph=M('Upload'); import('ORG.Net.UploadFile'); $upload = new UploadFile();// 實(shí)例化上傳類 $upload->maxSize = 93145728 ;// 設(shè)置附件上傳大小 $upload->saveRule =rand(1,9999); $upload->allowExts = array('jpg', 'gif', 'png', 'jpeg','flv','avi','mov');// 設(shè)置附件上傳類型 $upload->savePath = './Uploads/';// 設(shè)置附件上傳目錄 if(!$upload->upload()) {// 上傳錯(cuò)誤提示錯(cuò)誤信息 $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("失敗"); }*/ }
更多關(guān)于thinkPHP相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《ThinkPHP入門教程》、《thinkPHP模板操作技巧總結(jié)》、《ThinkPHP常用方法總結(jié)》、《smarty模板入門基礎(chǔ)教程》及《PHP模板技術(shù)總結(jié)》。
希望本文所述對(duì)大家基于ThinkPHP框架的PHP程序設(shè)計(jì)有所幫助。
- TP3.2.3框架使用CKeditor編輯器在頁(yè)面中上傳圖片的方法分析
- thinkphp3.2實(shí)現(xiàn)上傳圖片的控制器方法
- thinkPHP利用ajax異步上傳圖片并顯示、刪除的示例
- thinkphp ajaxfileupload實(shí)現(xiàn)異步上傳圖片的示例
- thinkphp5上傳圖片及生成縮略圖公共方法(分享)
- thinkPHP實(shí)現(xiàn)上傳圖片及生成縮略圖功能示例
- ThinkPHP實(shí)現(xiàn)圖片上傳操作的方法詳解
- thinkphp jquery實(shí)現(xiàn)圖片上傳和預(yù)覽效果
- 基于ThinkPHP5.0實(shí)現(xiàn)圖片上傳插件
- ThinkPHP5+Layui實(shí)現(xiàn)圖片上傳加預(yù)覽功能
- ThinkPHP5.0 圖片上傳生成縮略圖實(shí)例代碼說(shuō)明
- TP框架實(shí)現(xiàn)上傳一張圖片和批量上傳圖片的方法分析
相關(guān)文章
PHP中把stdClass Object轉(zhuǎn)array的幾個(gè)方法
PHP和JS通訊通常都用json,但用 json 傳過(guò)來(lái)的數(shù)組并不是標(biāo)準(zhǔn)的array,而是 stdClass 類型。那么我們可以參考下面的幾個(gè)方法進(jìn)行轉(zhuǎn)換。2014-05-05Laravel 創(chuàng)建指定表 migrate的例子
今天小編就為大家分享一篇Laravel 創(chuàng)建指定表 migrate的例子,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-10-10thinkphp使用literal防止模板標(biāo)簽被解析的方法
這篇文章主要介紹了thinkphp使用literal防止模板標(biāo)簽被解析的方法,可實(shí)現(xiàn)針對(duì)一些不需要解析的模板標(biāo)簽直接輸出,是非常實(shí)用的技巧,需要的朋友可以參考下2014-11-11Zend Framework+smarty用法實(shí)例詳解
這篇文章主要介紹了Zend Framework+smarty用法,結(jié)合實(shí)例形式詳細(xì)分析了Zend Framework框架整合Smarty模板的具體步驟與相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-03-03php編寫的簡(jiǎn)單頁(yè)面跳轉(zhuǎn)功能實(shí)現(xiàn)代碼
這篇文章主要介紹了php編寫的簡(jiǎn)單頁(yè)面跳轉(zhuǎn)功能實(shí)現(xiàn)代碼,有需要的朋友可以參考一下2013-11-11php結(jié)合正則批量抓取網(wǎng)頁(yè)中郵箱地址
目前在做一個(gè)項(xiàng)目,需要提取一個(gè)小型網(wǎng)站的所有郵箱地址,度娘了一下,方法還挺多,這里給大家總結(jié)幾個(gè)比較實(shí)用的,分享給大家。2015-05-05PHP之認(rèn)識(shí)(二)關(guān)于Traits的用法詳解
這篇文章主要介紹了PHP Traits的用法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04