Response: headers property
The headers read-only property of the
Response interface contains the Headers object associated
with the response.
Value
A Headers object.
Examples
In our Fetch Response example (see Fetch Response live)
we create a new Request object using the Request() constructor, passing it a JPG path.
We then fetch this request using fetch(), extract a blob from the response using Response.blob,
create an object URL out of it using URL.createObjectURL, and display this in an <img>.
Note that at the top of the fetch() block, we log the response headers to the console.
js
const myImage = document.querySelector("img");
const myRequest = new Request("flowers.jpg");
fetch(myRequest).then((response) => {
// for each response header, log an array with header name as key
console.log(...response.headers);
response.blob().then((myBlob) => {
const objectURL = URL.createObjectURL(myBlob);
myImage.src = objectURL;
});
});
Specifications
| Specification |
|---|
| Fetch Standard # ref-for-dom-response-headers① |
Browser compatibility
BCD tables only load in the browser