ajaxFileUpload 多文件上传

前端之家收集整理的这篇文章主要介绍了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');
					}
				});
原文链接:https://www.f2er.com/ajax/164449.html

猜你在找的Ajax相关文章