首页 > 开发 > AJAX > 正文

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

2024-09-01 08:33:19
字体:
来源:转载
供稿:网友
这篇文章主要介绍了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'); 

});

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表