如何强制下载的文件在数组中保持相同的位置？

Question

目前，我的代码异步加载所有图像。这也意味着在我当前的实现中，图像在完全下载后被添加到 fileArray 中。由于并非所有图像的大小都相同，因此每个图像的下载完成时间不同，从而导致图像以随机顺序添加到数组中。

如何强制按照下载开始的顺序将图像添加到文件数组中？希望不要放弃异步的好处（同时下载所有图像）。

for (var i = 0; i < imageArray.length; i++) {
            imageArray[i].download(function(err, contents) {
                fileArray.push(base64_encode(contents));
                console.log("SIZE: "+fileArray.length);
                if (fileArray.length == 9) {
                    res.render("home", {keyArray: keyArray, titleArray: titleArray, usernameArray: usernameArray, imageArray: fileArray});
                }
            });
        }

Answer 1

您可以使用Promises 并将异步回调映射到Promise.all()：

Promise.all(imageArray.map(function(image) {
    return new Promise(function(resolve, reject) {
        image.download(function(err, contents) {
            if (err) {
                reject(err);
            } else {
                resolve(base64_encode(contents));
            }
        });
    });
})).then(function(fileArray) {
    res.render("home", {keyArray: keyArray, titleArray: titleArray, usernameArray: usernameArray, imageArray: fileArray});
}).catch(function(err) {
    // uh oh
});

奖励是您不需要检查数组大小来确认完成。