多图像上传器中的 formData 为空答案

【问题标题】：formData empty from multi image uploader多图像上传器中的 formData 为空
【发布时间】：2020-02-14 13:31:30
【问题描述】：

我正在尝试在 Vue.js 中创建一个多文件上传器，并且需要创建一个 formData 对象来发送上传的文件。

我目前正在尝试使用这种方法：

      // fileList is an obj returned by files property of HTML element (list of files)
      const formData = new FormData();
      // append files to FormData
      if (!fileList.length) return;
      Array
        .from(Array(fileList.length).keys())
        .map((x) => {
          formData.append(fieldName, fileList[x], fileList[x].name);
        });
      console.log(formData);
      this.save(formData);

    }

但是，我在 this.save() 调用之前返回的 formData 是空的，我无法弄清楚为什么这些文件没有附加到 formData 中！！！

如果有人有任何见解，将不胜感激。

编辑：

我也试过了

for (let i = 0; i < fileList.length; i++) {
        (formData.append(fieldName, fileList[i], fileList[i].name));
      }
      console.log(formData);

仍然没有得到任何回报。

【问题讨论】：

标签： javascript vue.js append multipartform-data

【解决方案1】：

您不能直接打印 formData 的值。您需要使用以下代码来打印这些值。

试试下面的代码，然后告诉我。

    let fd = new FormData();
    let x, fileCount = this.fileList.length;
    let self = this;
    for (x = 0; x < fileCount; x++) {
      fd.append(this.fileList[x]['name'], this.fileList[x]);
    }
    // Display the values
    for (var value of fd.values()) {
       console.log(value); 
    }

【讨论】：