This page was translated from English by the community. Learn more and join the MDN Web Docs community.

View in English Always switch to English

Response: свойство url

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨март 2017 г.⁩.

Доступное только для чтения свойство url интерфейса Response содержит конечный URL-адрес ответа, полученный после всех перенаправлений.

Значение

Строка.

Примеры

В нашем примере Fetch Response (живой пример) мы создаëм новый экземпляр объекта Request с помощью конструктора Request(), передавая ему путь к изображению. Затем мы отправляем запрос, применяя fetch(), извлекаем из ответа объект Blob, используя Response.blob, создаëм объект URL с помощью URL.createObjectURL() и отображаем результат в теге <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;
  });

Спецификации

Specification
Fetch
# ref-for-dom-response-url①

Совместимость с браузерами

Смотрите также