响应:url 属性

基线 广泛可用

此功能已完善,可在多种设备和浏览器版本上使用。 它自 2017 年 3 月.

报告反馈

urlResponse 接口的只读属性,包含响应的 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①

另请参阅