上传多个图像不会添加到FormData

Posted 2021-03-26

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

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) => {
      }
    );
}}

在这里，我从输入中添加值，然后通过循环添加我已经获得的所有文件。在示例中，我添加了图片，但它们没有出现在请求中。

我在这做错了什么？

答案

这个错误是假的：

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
  }