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

在我的表单中有多个文件上传,使用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属性名称i,e照片我只能保存文件,动态文件名对我不起作用.

解决方法:

你在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

标签：javascript,jquery,multipartform-data
来源： https://codeday.me/bug/20191004/1854512.html