javascript - 如何在 Angular 中通过 REST API 上传 CSV 文件？

Question

在我的 html 中，我有:

 name="file" type="file"
 accept=".csv"

在 ts:
我得到文件 - $event.target.files.item(0);
然后我将它传递给服务

  uploadCSVFile( file) {
    const uploadedFile = new FormData();
    uploadedFile.append( 'file', file, file.name);
    const url = `MyURL`;
    return this.http.post(url, uploadedFile);
  }

问题是它说文件必须有一个 contentType text/csv
但是当我添加标题时 -

{headers:  new HttpHeaders().append('Content-Type', 'text/csv')}

提示请求不是多部分的。

Answer 1

该问题与 MIME 类型不匹配有关。跨平台的文件 MIME 类型不被识别为相同。 OSX 中的 .csv 文件被识别为 text/csv，而在 Windows 中它被识别为 application/vnd.ms-excel。

这是解决方案 - 更改行:

 uploadedFile.append( 'file', new Blob([file], { type: 'text/csv' }), file.name);