Response: headers property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.

Note: This feature is available inWeb Workers.

Theheaders read-only property of theResponse interface contains theHeaders object associatedwith the response.

In ourFetch Response example (seeFetch Response live)we create a newRequest object using theRequest() constructor, passing it a JPG path.We then fetch this request usingfetch(), extract a blob from the response usingResponse.blob,create an object URL out of it usingURL.createObjectURL(), and display this in an<img>.

Note that at the top of thefetch() block, we log the response headers to the console.

const myImage = document.querySelector("img");const myRequest = new Request("flowers.jpg");fetch(myRequest)  .then((response) => {    console.log("response.headers =", response.headers);    return response.blob();  })  .then((myBlob) => {    const objectURL = URL.createObjectURL(myBlob);    myImage.src = objectURL;  });