ajaxFileUpload.js插件支持多文件上传的方法_javascript技巧-js教程-PHP中文网

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

php中文网

发布： 2016-05-16 16:38:06

原创

1425人浏览过

前提条件：

ajaxFileUpload.js插件多文件上传

步骤：

IMCart开源网店系统(外贸B2C)

IMCart是目前国内首家最为完善的开源b2c商城系统。同时也是PAYPAL官方认证建站系统的金牌合作伙伴。系统支持多语言，多站点，移动端，本地国际化，API对接等，丰富的营销功能跟完善的商品体系，优良的下单体验，更为符合SEO优化，完善的插件支持/模板中心更是让IMCART更加无法替代。而IMCART全新的技术架构、全新的UI设计、丰富的促销体系、官方各项服务支持能从根源上解决了目前市面上一

查看详情

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('信息','导入失败。
错误信息：'+data.message,'error'); 

} 

}, 

error : function(data, status, e) 

{ 

ajaxLoadEnd(); 

$.messager.alert('信息','导入失败。
错误信息：网络异常或表单数据错误。','error'); 

} 

});