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① |
瀏覽器相容性
載入中…