Angular 5通过formdata上传多张图片

Question

因为我使用 angular5 作为前端和后端和 spring boot... 当我通过表单数据上传文件时..formData 变空了..

这里是示例代码

  onFileChanged(event: any) {
    this.files = event.target.files;
    console.log(this.files)
  }
  
  onUpload() {
    const formData = new FormData;
    for (let file of this.files) {
      console.log('gdsgsfsd')
        formData.append('hihi', file.name);
    }
    console.log('gdsgsfsd',formData)
  }

<input id="file-input" type="file" (change)="onFileChanged($event)" multiple >

Answer 1

添加文件对象作为 append 方法的第二个参数。

onUpload() {
    const formData = new FormData;
    for (let file of this.files) {
        console.log('gdsgsfsd')
        formData.append('hihi', file, file.name);
    }
    console.log('gdsgsfsd', formData);
}