Uploading blob - data is empty

Hi, I am trying to upload blob (image) along with some params, but no matter what I can’t seem to put the data in the body of the request.

let blob = new Blob(animal.photos, {type: 'image/png'});
      axios.post( API_URL + 'v1/files/upload/' + animal.photos[0].name ,
       {data: blob},
        {
          params: {
            animalId: response.data.id
          }
        })

Here’s screenshot of google developer tools.

What I am trying to do is to send the image binary data as the body of the request to the API, not sure where I am going wrong with this.

BTW I get 500 code, because body is empty.

[JeSuis]

@bericoberin headers: { 'content-type': 'multipart/form-data' }

[ghost]

The trick is

• FormData()
• boundry in header

  const data = new FormData()
  data.append('file', file, file.name)
  
  axios({
    method: 'post',
    url: "http://localhost:4000/upload",
    data: data, 
    headers: {
      'Content-Type': `multipart/form-data; boundary=${data._boundary}`,
    }
  })

Handle Blobs requests with Axios the right way