前端之家收集整理的这篇文章主要介绍了
使用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)
{
})
有问题请留言。