How to send a file to axios correctly?

Question

How to send a file to axios correctly?

File:

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

};

Request:

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

Error:

Console.log my file:

UPD: My request:

  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'
      }
    });
  };

Error:

Answer 1

You seem to be missing to use FormData

This should work

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'
  }
});