上载多张图像不会添加到FormData中

Question

我有检测文件（在这种情况下为图像）的方法：

detectFiles(event) {
this.formData = new FormData();
this.urls = [];
this.files = event.target.files;
if (this.files) {
  for (const file of this.files) {
    const reader = new FileReader();
    reader.onload = (e: any) => {
      this.urls.push(e.target.result);
    };
    reader.readAsDataURL(file);
  }
}}

我拥有的文件保存在this.files中，然后在“提交”按钮上执行以下操作：

  submitForm(value: any) {
if (value) {
  this.formData.append('Title', value.title);
  this.formData.append('Date', value.date);

  for (let i = 0; i < this.files.length; i++) {
    const chosenFileName = this.files[i].name;
    const chosenFile = this.files[i];
    this.formData.append('file', chosenFileName, chosenFile);
  }

  this.authService.uploadFile(this.formData)
    .subscribe(
      (response) => {

      },
      (error) => {
      }
    );
}}

在这里，我从输入中添加值，然后经过循环以添加我拥有的所有文件。 在示例中，我添加了图片，但是它们并未出现在请求中。

我在这里做什么错了？

Answer 1

错误是一个假人：

for (let i = 0; i < this.files.length; i++) {
    const chosenFileName = this.files[i].name;debugger;
    const chosenFile = this.files[i];
    this.formData.append('file', chosenFile); // <----- changed this line
  }