响应:url 属性
基线 广泛可用
此功能已完善,可在多种设备和浏览器版本上使用。 它自 2017 年 3 月.
报告反馈
值
url
是 Response
接口的只读属性,包含响应的 URL。 url
属性的值将是经过任何重定向后的最终 URL。
示例
一个字符串。
在我们的 Fetch 响应示例(请参阅 Fetch 响应实时)中,我们使用 Request()
构造函数创建一个新的 Request
对象,并将 JPG 路径传递给它。 然后,我们使用 fetch()
获取此请求,使用 Response.blob
从响应中提取一个 Blob,使用 URL.createObjectURL()
从中创建一个对象 URL,并在 <img>
中显示它。
请注意,我们在
fetch()
块的顶部将响应 URL
记录到控制台中。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;
});
规范
js |
---|
规范 # Fetch 标准 |
浏览器兼容性
ref-for-dom-response-url①