Response:url 属性
注意:此功能在 Web Workers 中可用。
url 是 Response 接口的一个只读属性,它包含响应的 URL。url 属性的值将是经过所有重定向后获得的最终 URL。
值
字符串。
示例
在我们 Fetch Response 示例(参见 Fetch Response 实时演示)中,我们使用 Request() 构造函数创建一个新的 Request 对象,并传入一个 JPG 路径。然后,我们使用 fetch() 获取此请求,使用 Response.blob 从响应中提取一个 blob,使用 URL.createObjectURL() 从中创建一个对象 URL,并在一个 <img> 中显示它。
请注意,在 fetch() 代码块的顶部,我们将响应的 URL 记录到控制台。
js
const myImage = document.querySelector("img");
const myRequest = new Request("flowers.jpg");
fetch(myRequest)
.then((response) => {
console.log("response.url =", response.url); // response.url = https://mdn.github.io/dom-examples/fetch/fetch-response/flowers.jpg
return response.blob();
})
.then((myBlob) => {
const objectURL = URL.createObjectURL(myBlob);
myImage.src = objectURL;
});
规范
| 规范 |
|---|
| Fetch # ref-for-dom-response-url① |
浏览器兼容性
加载中…