使用ajaxfileupload同时上传多个文件

前端之家收集整理的这篇文章主要介绍了使用ajaxfileupload同时上传多个文件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

ajaxFileupload的原理挺简单的,它将用户指定(通过ID)的fileinput添加form里面,然后将form提交。我们只需要将多个fileinputID通过一个列表传给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)

{

})

有问题请留言。

猜你在找的Ajax相关文章