使用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)

{

})

有问题请留言。

相关文章

IE6是一个非常老旧的网页浏览器,虽然现在很少人再使用它,但...
PHP中的count()函数是用来计算数组或容器中元素的个数。这个...
使用 AJAX(Asynchronous JavaScript and XML)技术可以在不...
Ajax(Asynchronous JavaScript and XML)是一种用于改进网页...
本文将介绍如何通过AJAX下载Excel文件流。通过AJAX,我们可以...
Ajax是一种用于客户端和服务器之间的异步通信技术。通过Ajax...