ajaxFileUpload.js外掛程式支援多檔案上傳的方法_javascript技巧

前提條件：

ajaxFileUpload.js外掛程式多檔案上傳

步驟：

1、修改原始碼，（原始碼只支援單一檔案的上傳）：

複製程式碼 程式碼如下:

//修改前碼-------
//var oldElement = jQuery('#' fileElementId);
//var newElement = jQuery(oldElement).clone();
//jQuery(oldElement).attr('id', fileId);
//jQuery(oldElement).before(newElement);
//jQuery(oldElement).appendTo(form);
//修改前碼-------
//修改後程式碼-------
for(var i in fileElementId){
var oldElement = jQuery('#' fileElementId[i]);
var newElement = jQuery(oldElement).clone();
jQuery(oldElement).attr('id', fileId);
jQuery(oldElement).before(newElement);
jQuery(oldElement).appendTo(form);
}
//修改後程式碼-------

2、使用方法：

複製程式碼 程式碼如下:

$.ajaxFileUpload({
url : "./upload/upload.action",
secureuri : false,
//fileElementId:'uploadfile1',//原使用方法
fileElementId : ['uploadfile1','uploadfile2','uploadfile3','uploadfile4','uploadfile5'],//現使用方法
dataType : 'json',
success : function(data) {
ajaxLoadEnd();
if (data.result == "success") {
$.messager.alert('訊息','導入成功。','info');
} else {
$('#import_right').dialog('open');
$.messager.alert('訊息','導入失敗。
錯誤訊息：' data.message,'error');
}
},
error : function(data, status, e)
{
ajaxLoadEnd();
$.messager.alert('訊息','匯入失敗。
錯誤訊息：網路異常或表單資料錯誤。','error');
}
});