Response.headers
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.
var myImage = document.querySelector('img');
var myRequest = new Request('flowers.jpg');
fetch(myRequest).then(function(response) {
// for each response header, log an array with header name as key
console.log(...response.headers);
response.blob().then(function(myBlob) {
var 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