html fetch несколько файлов

Question

Я хотел бы получить несколько файлов одновременно, используя новую fetch api (https://fetch.spec.whatwg.org/). Возможно ли изначально? Если да, то как мне это сделать, используя обещания?

Answer 1

var list = []; 
var urls = ['1.html', '2.html', '3.html']; 
var results = []; 

urls.forEach(function(url, i) { // (1) 
    list.push(// (2) 
    fetch(url).then(function(res){ 
     results[i] = res.blob(); // (3) 
    }) 
); 
}); 

Promise 
    .all(list) // (4) 
    .then(function() { 
    alert('all requests finished!'); // (5) 
    }); 

Это непроверенный код! Кроме того, он полагается на Array.prototype.forEach и новый объект Promise ES6. Идея работает следующим образом:

1. Прокрутите все URL-адреса.
2. Для каждого URL-адреса заберите его с помощью API fetch, сохраните возвращенное обещание в list.
3. Кроме того, когда запрос будет завершен, сохраните результат в results.
4. Создайте новое обещание, которое разрешает, когда все обещания в list разрешены (т. Е. Все запросы завершены).
5. Наслаждайтесь полностью заполненным results!