Ответ: свойство url
Базовая Широко доступная
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с марта 2017 года.
Примечание: Эта функция доступна в Web Workers.
Чтение только свойство url интерфейса Response содержит URL ответа. Значение свойства url будет конечным URL, полученным после всех перенаправлений.
Значение
Строка.
Примеры
В нашем примере Fetch Response (см. Fetch Response live) мы создаём новый объект Request с помощью конструктора Request(), передав ему путь к JPG-файлу. Затем мы получаем этот запрос с помощью fetch(), извлекаем из ответа blob с помощью Response.blob, создаём из него URL-объект с помощью URL.createObjectURL() и отображаем его в элементе <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;
});
Спецификации
| Спецификация |
|---|
| Fetch # ref-for-dom-response-url① |
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
url |
40 | 14 | 39 | 27 | 10.1 | 40 | 39 | 27 | 10.3 | 4.0 | 40 |
См. также
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Response/url