使用ajaxfileupload同时上传多个文件

ajaxFileupload这个插件用于上传文件，不过它默认是只能上传一个文件。通过修改其源代码，可以方便地实现多个文件上传。

ajaxFileupload的原理挺简单的，它将用户指定（通过ID）的fileinput添加到form里面，然后将form提交。我们只需要将多个fileinput的ID通过一个列表传给ajaxFileupload，让它将多个fileinput添加到form里面就可以了。

打开ajaxfileupload.js，修改如下的地方：

//实现多文件上传

if(typeof(fileElementId)=='string'){

fileElementId=[fileElementId];

}

for(variinfileElementId){

varoldElement=jQuery('#'fileElementId[i]);

varnewElement=jQuery(oldElement).clone();

jQuery(oldElement).attr('id',fileId);

jQuery(oldElement).before(newElement);

jQuery(oldElement).appendTo(form);

//下面是原来的代码

使用的时候：

$.ajaxFileUpload({

url:"/xxx/xxx/xxx",

secureuri:false,205)"> fileElementId:[file1,file2,file3,...],//这个地方变成数组了

dataType:'json',205)"> data:{

name:'files'

},205)"> success:function(data,status){

error:function(XMLHttpRequest)

{

})

有问题请留言。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!