View in English Always switch to English

Response.headers

基线广泛可用

自 2017年3月起,此特性已在主流浏览器中得到支持,可在大多数设备和浏览器版本中正常使用。

了解更多
查看完整兼容性

Response 接口的只读属性 headers 包含与响应关联的Headers对象。

在我们的 Fetch Response example 例程中(详见 Fetch Response live),我们使用Request()构造函数创建了一个新的Request对象,传入了一个 jpg 路径。我们接着使用fetch()触发了请求,用Body.blob从响应中提取了 blob 实例,使用URL.createObjectURL创建了一个 URL 对象,然后显示在了<img>中。

注意,在fetch()的顶级块中我们输出了headers到控制台。

var myImage = document.querySelector("img");
var myRequest = new Request("flowers.jpg");
fetch(myRequest).then(function (response) {
 console.log(response.headers); // returns a Headers{} object
 response.blob().then(function (myBlob) {
 var objectURL = URL.createObjectURL(myBlob);
 myImage.src = objectURL;
 });
});