Angular10文件上传到django服务器

Question

我正在尝试使用Angular HTTP客户端上传CSV文件。但是当我在后端检查request.FILES时，它显示为<MultiValueDict: {}>。显然，文件数据是以字节字符串的形式进入request.body的。下面是示例angular代码供您参考。

const upload_url = `${BASE_URL}/data-upload`;

// Create form data instance
const formData: FormData = new FormData();
formData.append('data_file', file, file.name);

// Update header
const headers = {'Content-Type': 'multipart/form-data'}

this.http.post(upload_url, formData, {headers: headers}).subscribe(res => {
  console.log(res);
});

如何在request.FILES中获取相同的文件数据

Answer 1

问题解决了！文件上传会在将数据上传到服务器时推断Content-Type标头。我已经从上面的代码中删除了头文件，并上传了文件，它工作得很好。

以下是从request.FILES上传文件后的响应：<MultiValueDict: {'data_file': [<TemporaryUploadedFile: dummy-data.csv (application/vnd.ms-excel)>]}>