Angular 7 - 上傳文件到服務器

Question

我正在嘗試將輸入文件發送到服務器。 當輸入文件在控制台中有數據返回時

 FileList {0: File, length: 1}0: File {name: "8mn4p369li331.png", lastModified: 1567609045831, lastModifiedDate: Wed Sep 04 2019 16:57:25 GMT+0200 (hora de verano de Europa central), webkitRelativePath: "", size: 9587062, …}length: 1__proto__: FileList

我嘗試將它放在這樣的 formData 元素中，但不起作用

  save(form: NgForm) {
       const formData: FormData = new FormData();
       formData.append('file', this.selectedFiles, this.fileName)
       form.value["file"] = formData;
}

那么：將文件（以表格形式）上傳到服務器的正確方法是什么？

更新：onChange function

  fileEvent(event:any){
    this.selectedFiles = event.target.files;
    this.fileName = this.selectedFiles[0].name;
    console.log(this.selectedFiles);

}

Answer 1

如果您有正確的文件：

let formdata = new FormData();
formdata.set('file', file, "fileName");

我相信您只能為每個變量設置一個文件...

編輯：我的文件變量是一個 Blob ...

Blob {size: 3151, type: "application/pdf"}

Answer 2

您保存的 function 應該是

save(form: NgForm) {
   const formData: FormData = new FormData();
   formData.append('file', this.selectedFiles[0], this.fileName)
   form.value["file"] = formData;
}