JS:如何使用FormData发送多个文件(jQuery Ajax)

Question

在我的表单中有多个文件上传,FormData只使用一个文件上传,虽然我选择了多个文件上传,以下是代码

HTML

<form name="uploadImages" method="post" enctype="multipart/form-data">
<input type="file" name="photo[]" value="">
<input type="file" name="photo[]" value="">
<input type="file" name="photo[]" value="">
</form>

JS

     var ajaxData = new FormData();
     ajaxData.append( 'action','uploadImages');
     jQuery.each($("input[name^='photo']")[0].files, function(i, file) {
        ajaxData.append('photo['+i+']', file);
      });
     $.ajax({
        url: URL,
        data: ajaxData,
        cache: false,
        contentType: false,
        processData: false,
        type: 'POST',
        dataType:'json',
        success: function(data) {
            if (data.status == 'success') {
                location.reload();
            }
        }
       });

我PHP在服务器上使用,使用HTML attribute namei,e photo只有我能够保存文件,动态文件名对我来说不起作用.

Answer 1

你在javascript中有一个错误:你只在一个输入中迭代文件,请看看这个

var ajaxData = new FormData();
ajaxData.append( 'action','uploadImages');
$.each($("input[type=file]"), function(i, obj) {
        $.each(obj.files,function(j, file){
            ajaxData.append('photo['+j+']', file);
        })
});

关于jsfiddle的例子