ajaxFileUpload.js插件支持多文件上传的方法
前提条件:
ajaxFileUpload.js插件多文件上传
步骤:
1、修改源码,(源码只支持单个文件的上传):
//修改前代码-------
//varoldElement=jQuery('#'+fileElementId);
//varnewElement=jQuery(oldElement).clone();
//jQuery(oldElement).attr('id',fileId);
//jQuery(oldElement).before(newElement);
//jQuery(oldElement).appendTo(form);
//修改前代码-------
//修改后代码-------
for(variinfileElementId){
varoldElement=jQuery('#'+fileElementId[i]);
varnewElement=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');
}
});