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

  • Z时代
  • 2024-01-10
  • 分类：综合

前提条件：

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'); 
} 
});

以上是 ajaxFileUpload.js插件支持多文件上传的方法 的全部内容， 来源链接： utcz.com/z/337799.html

回到顶部