如何正确发送文件到 axios？

Question

如何正确发送文件到 axios？

文件：

const onHandleFileRender = e => {
if(e.target.files[0] !== null) {
  const file = e.target.files[0];
  setFileData(file);
}

};

要求：

newFile = data => {
// data - my img
return axios.post(`${this._url}/api/v1/files`, data, {
  headers: {
    'Content-Type': 'multipart/form-data'
  }
});

错误：

Console.log 我的文件：

UPD：我的要求：

  newFile = data => {
    const formData = new FormData();
    formData.append("image", data);

    return axios.post(`${this._url}/api/v1/files`, formData, {
      headers: {
        'Content-Type': 'multipart/form-data'
      }
    });
  };

错误：

Answer 1

您似乎缺少使用FormData

这应该工作

newFile = data => {
let formData = new FormData();
formData.append("image", data); //<--------- change the name(image) to anything that your backend requires
return axios.post(`${this._url}/api/v1/files`, formData, {
  headers: {
    'Content-Type': 'multipart/form-data'
  }
});