2、匯入所需檔案,還需要應用jquery.js檔案
3、匯入css、js
uploadify.css、jquery.uploadify.min.js
4、前端**
p標籤存放uploadify,input的目的是訪問上傳成功時,的相對路徑。
js**,需要注意的是,服務端處理的位址,以及上傳成功時的事件處理程式。重寫事件時,要把事件加入overrideevents陣列中,具體可檢視js源**。
$('#uploadify').uploadify(,5、後台處理程式新建乙個一般處理程式,注意js中修改位址。filedata注意與前端保持一致。在這裡我們使用檔案的md5值為檔名存放,儲存的時候重複檔案會直接覆蓋。這樣就不會有重複的檔案。建立目錄的時候,按照年月日來分層。儲存成功,把檔案的相對位址傳送到前端,前端新增乙個img標籤顯示,hidden標籤存放路徑位址,以待下一步存到資料庫中。removecompleted:
true, //
上傳成功後移除進度條
filesizelimit: "4mb", //
檔案大小限制
onselecterror: function
(file, errorcode, errormsg)
bootbox.alert(msgtext);
},onuploaderror:
function
(file, errorcode, errormsg)
//trigger the oncancel event
if (settings.oncancel) settings.oncancel.call(this
, file);
delete
this
.queuedata.files[file.id];
break
;
case
swfupload.upload_error.upload_stopped:
errorstring = 'stopped';
break
; }
bootbox.alert(errorstring);
},//兩個配套使用
副檔名 filetypedesc: "請選擇 jpg png 檔案", //
檔案說明
auto:
true, //
選擇之後,自動開始上傳
multi: true, //
是否支援同時上傳多個檔案
queuesizelimit: 5 //
允許多檔案上傳的時候,同時上傳檔案的個數
});
uploadify檔案上傳外掛程式使用教程
uploadify是jquery的乙個檔案上傳外掛程式,帶有上傳進度條。easy to implement,highly customizable 官網 官方文件 type file id file upload 1 rel stylesheet href uploadify uploadify.c...
分頁外掛程式PageHelper使用方法
pagehelper是mybatis自帶的一款分頁外掛程式,其使用較為方便,該外掛程式目前支援oracle,mysql,mariadb,sqlite,hsqldb,postgresql六種資料庫分頁。原理 使用方法 第一步 需要在sqlmapconfig.xml,配置乙個plugin。第二步 在sq...
vim外掛程式 latex suite 使用方法
零 操作快捷鍵 對於 的塊,按下ctrl j即可快速跳轉。一 環境快捷鍵 1.f5 2.在insert狀態下輸入大寫e開頭的快捷串,例如efl flushleft,eeq equation,eqe quote等等 3.在visual狀態下進行塊選擇後,可輸入以 開頭的會快捷串,例如 ce cente...