Как получить процент выполнения fetch javascript при скачивании?

Question

[kr_ilya]

Как (если вообще возможно) получить процент выполнения или количество байт (всего и уже скаченных) при выполнении функции fetch?

var url = https://toster.ru/img.jpg
fetch(url, {
          headers: new Headers({
            'Origin': location.origin
          }),
          mode: 'cors'
        })
        .then(response => response.blob())

Comments

[alex]

Не уверен, но вроде через fetch такое нельзя сделать, только через xhr. Хотя Гугл вроде какие-то варианты решений предлагает, поищите

[Lynn «Кофеман»]

https://javascript.info/fetch-progress

Answer 1

[Игорь Стубарев]

Можно с помощью ридера (response.body.getReader()) считывать ответ по чанкам и считать прогресс от считанного. Общий размер ответа получить через хедер: response.headers.get('Content-Length').
https://javascript.info/fetch-progress