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 函数

  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

你的保存功能应该是

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