-4

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?

Samball
  • 623
  • 7
  • 22
Lucas Bersano Matteo
  • 1
  • 2

1 Answers1

0
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.

MD. RAKIB HASAN
  • 3,670
  • 4
  • 22
  • 35
  • Tks for reply MD.RAKIB HASAN, but I get 200 response but without the file... Note: I have about 10 input fields on the page. The querySelector is better that getElementById? – Lucas Bersano Matteo Mar 14 '22 at 10:19
  • @LucasBersanoMatteo your can use ```getElementById``` . – MD. RAKIB HASAN Mar 14 '22 at 10:35
  • Still not working. The file stak requirementes are this: fetch("https://www.filestackapi.com/api/store/S3?key=MyKey&filename=teste1", { body: "@/C:/Users/Acer/Pictures/1 (2).jpg", headers: { "Content-Type": "image/png" }, method: "POST" }) Any idea? – Lucas Bersano Matteo Mar 14 '22 at 11:33