How do you express it using the fetch API in JavaScript?

Question

Now, I POST image data using ajax(jquery) as follows. The image is a File object.

async function postImage({ image }) {
  const result = await $.ajax({
    method: 'POST',
    url: '/api/images',
    dataType: 'json',
    data: image,
    processData: false,
    async: true,
    headers: {
      'Content-Type': 'application/octet-stream',
    },
  });
  return result;
}

The result that return object is {id: imageID}. How can I express this using the Fetch API? I couldn't get the result even if I did the following.

const result = await fetch('/api/images', {
    method: 'POST',
    body: image,
    headers: {
      'Content-Type': 'application/octet-stream',
    },
  });
return result;

Patrick Roberts · Accepted Answer · 2021-02-06 08:22:19Z

5

fetch() returns a promise to a Response object, and that has a json() method which returns another promise to the parsed response JSON.

const response = await fetch('/api/images', {
  method: 'POST',
  body: image,
  headers: {
    'Content-Type': 'application/octet-stream',
  },
});
const result = await response.json();

answered Feb 6, 2021 at 8:22

Patrick Roberts

52.4k10 gold badges120 silver badges166 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How do you express it using the fetch API in JavaScript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related