微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

ajaxFileUpload 多文件上传

前提条件:

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐