如何将文件从 Axios 上传到 Django？

Question

我正在从 Jquery AJAX 切换到 react-dropzone & Axios，我想将文件上传到我的 Django 服务器，我在服务器上发布图像的 blob url 没有问题，但我想把它放在下面，request.FILES但我我得到一个空的查询集。

request.FILES : <MultiValueDict: {}>  <!--- empty
request.POST  : <QueryDict: {}>       <!--- able to get a blob url

---

这是我的 axios 配置的样子：

const temporaryURL = URL.createObjectURL(step3.drop[0]);

var fd = new FormData();
fd.append('image', temporaryURL);

axios({
  method: 'post',
  url: SITE_DOMAIN_NAME + '/business-card/collect/',
  data: fd,
  headers: {
    "X-CSRFToken": CSRF_TOKEN, 
    "content-type": "application/x-www-form-urlencoded"
  }
}).then(function (response) {
  console.log(response)
  URL.revokeObjectURL(temporaryURL);
}).catch(function (error) {
  console.log(error)
});

我正在根据 POST 请求在 classBasedView 上接收文件。

如何上传文件？我哪里错了？

编辑

我也试过“应用程序/表单数据”，没有解决问题

Answer 1

问题来自于因为content-type它使用"application/form-data"而不是"multipart/form-data"。