下载多个图像反应

Question

当前，我有一系列类似的图像：

var images = [
    "https://www.example.com/1.png",
    "https://www.example.com/2.png",
    "https://www.example.com/2.png"
];

那么，处理下载过程的最佳方法是什么，当所有图像下载完成时，我需要一个事件。

Answer 1

您可以使用fetch 这是Promise

total = images.length
loaded = 0
progress = 0
progress = () => {
    loaded += 1
    progress = loaded / total
}
Promise.all(images.map(i => fetch(i).then(progress)))
    .then(onComplete)
    .catch(onError)

用于下载BLOB数据请参阅此问题。