Ответ: метод blob()

Метод blob() интерфейса Response принимает поток Response и считывает его до конца. Он возвращает промис, который разрешается значением Blob.

Нет.

Промис, который разрешается значением Blob.

DOMException AbortError

Запрос был отменён.

TypeError

Выбрасывается по одной из следующих причин:

• Тело ответа нарушено или заблокировано.
• Произошла ошибка при декодировании содержимого тела (например, из-за неправильного заголовка Content-Encoding).

В нашем примере запроса fetch (запустите запрос fetch в режиме реального времени), мы создаём новый запрос с помощью конструктора Request(), затем используем его для получения JPG-файла. Когда запрос fetch завершается успешно, мы считываем Blob из ответа, используя blob(), помещаем его в URL объекта с помощью URL.createObjectURL(), а затем устанавливаем этот URL в качестве источника элемента <img> для отображения изображения.

const myImage = document.querySelector("img");

const myRequest = new Request("flowers.jpg");

fetch(myRequest)
  .then((response) => response.blob())
  .then((myBlob) => {
    const objectURL = URL.createObjectURL(myBlob);
    myImage.src = objectURL;
  });

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