Spec-Zone.ru › Web APIs

Ответ: свойство 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

См. также

  • API сервисных рабочих процессов
  • Контроль доступа HTTP (CORS)
  • HTTP

© 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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API