ajaxFileUpload.js插件支持多文件上傳的方法

2019-11-20 14:12:37

字體：大中小

來源：轉載

供稿：網友

前提條件：

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('信息','導入失敗。<br>錯誤信息：'+data.message,'error'); 
} 
}, 
error : function(data, status, e) 
{ 
ajaxLoadEnd(); 
$.messager.alert('信息','導入失敗。<br>錯誤信息：網絡異常或表單數據錯誤。','error'); 
} 
});