当前位置:首 页 > 技术文章 > 转载 > 详细

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

字号字号

摘要: 这篇文章主要介绍了ajaxFileUpload.js插件支持多文件上传的方法,需要的朋友可以参考下前提条件: ajaxFileUpload.js插件多文件上传步骤:1、修改源码,(源码只支持单个文件的上传):复制代码 代码如下://修改前代码------- //var oldElement = ……

  这篇文章主要介绍了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');
}
});
 
  • 添加[Admin-3]
  • 浏览[1868]
  • ▼评论[0]
这是留给你的位置,说出你的真知灼见吧![我要评论][我要收藏][我要举报]