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①

瀏覽器相容性

另見