ajaxFileUpload.js插件支持多文件上传的方法

  前提条件:

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

  }

  });