Not sending a fetch file

Question

I am trying to fetch this:

fetch("https://www.filestackapi.com/api/store/S3?key=MYKEY&filename=teste", {
    body: "@/C:/Users/Acer/Pictures/1 (2).jpg",
    headers: {
        "Content-Type": "image/png",
    },
    method: "POST",
});

But it does not work.

I am trying to submit a file from a input in my form.

Try this code in javascript:

<input accept="image/*" type="file" id="imgInp" />;

var input = document.getElementById("imgInp");

var data = new FormData();
data.append("file", input.files[0]);
data.append("user", "hubot");

fetch("https://www.filestackapi.com/api/store/S3?key=MYKEY", {
    method: "POST",
    headers: {
        "Content-Type": "image/png",
    },
    body: data,
});

PS.: In postman it works? Any idea?

Answer 1

var input = document.getElementById('imgInp');

var data = new FormData()
data.append('file', input.files[0])
data.append('user', 'hubot')

fetch('https://www.filestackapi.com/api/store/S3?key=MYKEY', {
  method: 'POST',
  body: data
})

You needs to omit content-type header for the on this request. The browser will automatically add the Content type header.