ajaxFileUpload.js插件支持多文件上传的方法
前提条件:
ajaxFileUpload.js插件多文件上传
步骤:
1、修改源码,(源码只支持单个文件的上传):
//修改前代码------- //varoldElement=jQuery('#'+fileElementId); //varnewElement=jQuery(oldElement).clone(); //jQuery(oldElement).attr('id',fileId); //jQuery(oldElement).before(newElement); //jQuery(oldElement).appendTo(form); //修改前代码------- //修改后代码------- for(variinfileElementId){ varoldElement=jQuery('#'+fileElementId[i]); varnewElement=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'); } });