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


你可能感兴趣的:(js,Ajax,ajaxFileUpload)