Welcome 微信登录

首页 / 脚本样式 / JavaScript / ajaxFileUpload.js插件支持多文件上传的方法

前提条件:
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");
}
});