javascript - 尝试以角度上传文件时如何正确发送发布请求

Question

我试图发送用户选择的文件的发布请求以及一些用户数据，如下所示。但是我在发送发布请求时收到错误消息“发生错误”如何在 FormData 中正确附加数据并访问数据？在将数据附加到 formData 或其他任何地方时，我做错了什么吗？

上传.component.html

<div class="form-group">
<label for="file">Choose File</label>
<input type="file"
       id="file"
       (change)="handleFileInput($event.target.files)">

上传.component.ts

handleFileInput(list: any) {
this.fileData = list[0].file;
const body = {
   name:"asdfghjkk",
   age:23,
   location:"tyui" }                                      
   this.uploadService.getUpload(body,fileData).subscribe( data => {
  console.log(data);
}, error => {
  console.log('Error Occured');
});}

上传.service.ts

getUpload(body, file){
const url = "http://apiUsedHere";
const formData: FormData = new FormData();
formData.append('file', file);
formData.append('body', body);
console.log(formData);
const headers = { 'Content-type': 'application/json' };
return this.http.post(url, formData , { headers });

}

标签： javascriptangulartypescriptfile-upload