Javascript 使用FormData进行单文件上载

Javascript 使用FormData进行单文件上载,javascript,form-data,Javascript,Form Data,我想上传一个带有以下代码的文件: 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]; conso

我想上传一个带有以下代码的文件:

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.size
,则表示该文件存在于formdata对象中。

要对此进行测试,请尝试将此formdata发送到API,并使用httpRequest.formdata[0]接收它,您将发现您的文件已发送到API

参考-

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: ""
let formData = new FormData();
let file = this.files[0];
formData.append("file", file);