Welcome

首页 / 脚本样式 / Ajax / ajaxFileUpload实现多文件上传

ajaxFileUpload实现多文件上传2015-01-26前提条件:

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