javascript - 使用 AJAX 发送文件数组

Question

假设我有一个包含一些图像的数组:

var images = [image1, image2, image3]

如何在单个请求中使用 AJAX 将这些图像发送到 php 文件？

以下代码不起作用:

$.ajax({
    url: 'PHP/posts.php',
    type: 'post',
    data: {data: images},
    success: function(data) {
      alert(data);
      location.reload();
    }
  });

我的 HTML:

<div id="newPostFile">
    <label for="newPostFiles"><i class="fa fa-file-text-o" id="newPostFileIcon" aria-hidden="true"></i></label>
    <input type="file" name="newPostFiles" id="newPostFiles">
</div>

最终目标:每当选择一个文件时，该文件就会添加到数组中，单击提交按钮时，所有文件都会立即上传。

Answer 1

您必须将文件作为 formData 发送

var images = [image1, image2, image3]
var data   = new FormData();

images.forEach(function(image, i) {
    data.append('image_' + i, image);
});

$.ajax({
    url: 'PHP/posts.php',
    type: 'post',
    data: data,
    contentType: false,
    processData: false,
    success: function(data) {
       console.log(data);
       location.reload();
    }
});

但是当您重新加载页面时，为什么还要使用 ajax 呢？