JavaScript Promise.all - как проверить статус разрешения?

Question

Допустим, у меня есть массив обещаний, каждый элемент beign AJAX-вызов для изображения (png) представления.

const images = Promise.all(views.map(view => {
   return fetch(`/sites/${siteId}/views/${view.id}/image/`);
}));

Есть ли возможность проверить текущее состояние разрешения обещания, используяPromise.all?Если нет, есть ли другой способ?

Например, если было загружено 10/20 изображений, я хотел бы дать пользователю отзыв, что мы загрузили 50% изображений для него.

Answer 1

Нет необходимости использовать setInterval.Обновлять только прогресс, когда он обновляется.

const promises = views.map(view => fetch (`/sites/${siteId}/views/${view.id}/image/`));
const images = Promise.all(promises);

let progress = 0;
promises.forEach(p => p.then(() => {
  progress++;
  console.log(progress / promises.length * 100 + "%");
}));

Answer 2

Просто увеличивайте переменную всякий раз, когда обещание разрешается:

const promises = views.map(view => fetch (`/sites/${siteId}/views/${view.id}/image/`));
const images = Promise.all(promises);

let progress = 0;
promises.forEach(p => p.then(() => progress++));

setInterval(() => {
  console.log(progress / promises.length * 100 + "%");
}, 1000);