前提条件：
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');
}
});
您可能感兴趣的文章:
- JS实现可视化文件上传
- js实现文件上传功能 后台使用MultipartFile
- JS+Struts2多文件上传实例详解
- JavaScript使用享元模式实现文件上传优化操作示例
- js 实现 input type="file" 文件上传示例代码
- 原生JS和jQuery版实现文件上传功能
- JS文件上传神器bootstrap fileinput详解
- 学习使用AngularJS文件上传控件
- JS简单实现文件上传实例代码（无需插件）
- 原生JS实现前端本地文件上传
