如何用 axios 上传图片文件？

【问题标题】：How can I upload the image file with axios?如何用 axios 上传图片文件？
【发布时间】：2020-12-11 02:42:26
【问题描述】：

上传图片到django restapi需要更改以下型号吗？

function axmethod(url, method, options) {
  if (options !== undefined) {
    var {
      params = {}, data = {}
    } = options
  } else {
    params = data = {}
  }

  return new Promise((resolve, reject) => {
    const config = {

    }
    axios({
      url,
      method,
      params,
      data,

    }).then(res => {
      resolve(res)
    }, res => {
      reject(res)
    })
  })
}

如果我需要添加请帮忙？

【问题讨论】：

标签： javascript python django vue.js axios

【解决方案1】：

我可以看到两件事可能是关键：

要上传图片，您需要在配置对象中指定contentType: "multipart/form-data"
上传的数据需要是 FormData 对象。假设您有一个对象myCurrentData，其中包含一个名称字符串和文件本身。您可以使用以下方法对其进行转换：
```
const data = new FormData();
Object.entries(myCurrentData).forEach(([key, value]) => data.append(key, value || ""));
```

【讨论】：