Axios cannot upload a blob, sends an empty body.

I think it may be related to #415…

I’m trying to upload a blob to S3, like so:

await axios.put(
  'https://s3.amazonaws.com/.../foo.jpg',
  { data: blob },
  { headers: { 'x-amz-acl': 'public-read', 'Content-Type': 'image/jpeg' },
})

This ends up sending an empty body. Whereas this works easily with fetch:

const stuff = await fetch(
  'https://s3.amazonaws.com/.../foo.jpg',
  {
    method: 'PUT',
    body: blob,
    headers: {
      'Content-Type': 'image/jpeg',
      'x-amz-acl': 'public-read',
    },
  },
)

In #415, it mentions needing to change the content-type to multipart/form-data, but actually I don’t want to submit a form, I just want to upload the blob to S3.

Am I missing something obvious?

Context

• axios version: v0.15.3
• Environment: Node v8

[oliverpool]

For me this works fine (v0.19.0):

axios.put(url, blob, {
      headers: { "content-type": blob.type }
    });

Maybe you have to replace {data: blob} with blob

(I know this thread is quite old, but it appears quite high in search engines: I hope that it will save me some time next time 😉

[chinesedfan]

Closed due to old version of axios. And @oliverpool confirmed it works now. https://github.com/axios/axios/issues/1569#issuecomment-557833903.

If other users met similar problems, feel free to open a new issue with the required template.