Response:url 属性

Baseline 已广泛支持

此特性已得到良好确立,可跨多种设备和浏览器版本使用。自 2017 年 3 月起,所有浏览器均支持此特性。

注意:此功能在 Web Workers 中可用。

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

浏览器兼容性

另见