javascript - 使用 FormData 上传单个文件

Question

我想使用以下代码上传单个文件:

let formData = new FormData();
let file = this.file[0];
formData.append("file", file);

通常我使用这段代码，因为当我上传多个文件时:

 let formData = new FormData();
  for (let i = 0; i < data.files.length; i++) {
    let file = data.files[i];
    consol
    formData.append("files[" + i + "]", file);
  }

但是，通过单个文件上传，在附加文件后，formData 变量保持为空。当我 console.log file 变量时，它向我显示以下内容:

File {name: "2020_03_17 21_53 Office Lens (1).jpg", lastModified: 1587394084978, lastModifiedDate: Mon Apr 20 2020 16:48:04 GMT+0200 (Central European Summer Time), webkitRelativePath: "", size: 306890, …}
lastModified: 1587394084978
lastModifiedDate: Mon Apr 20 2020 16:48:04 GMT+0200 (Central European Summer Time) {}
name: "2020_03_17 21_53 Office Lens (1).jpg"
size: 306890
type: "image/jpeg"
webkitRelativePath: ""

为什么这个文件没有附加到 FormData 中？

Answer 1

文件的内容(以字节形式)永远不会显示在 console.log 中。
如果您能够看到file.size，则意味着该文件存在于formdata对象中。

要对此进行测试 - 尝试将此表单数据发送到 API 并使用 httpRequest.FormData[0] 接收它 - 你会发现你的文件已发送到 API

引用 - https://developer.mozilla.org/en-US/docs/Web/API/FormData/Using_FormData_Objects