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

前端技术 2023/09/09 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(\'信息\',\'导入失败。<br>错误信息：\'+data.message,\'error\');
}
},
error : function(data, status, e)
{
ajaxLoadEnd();
$.messager.alert(\'信息\',\'导入失败。<br>错误信息：网络异常或表单数据错误。\',\'error\');
}
});

本文地址：https://www.stayed.cn/item/23678

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案