ダウンロードしたファイルをアレイ内の同じ位置に置く方法

Question

現在、私のコードはすべての画像を非同期に読み込みます。これは、現在の実装では、イメージが完全にダウンロードされた後にfileArrayに追加されることを意味します。すべての画像のサイズが等しいわけではないので、各画像のダウンロードが異なる時間に終了するため、画像はランダムな順序でアレイに追加されます。

ダウンロードを開始する順番に画像をファイルアレイに追加するにはどうすればよいですか？うまくいけば非同期（すべての画像が同時にダウンロードされている）の利点を放棄しないでください。あなたはPromisesを使用してPromise.all()に非同期コールバックをマッピングすることができ

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

：

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 
}); 

ボーナスあなたが完了したことを確認するために、配列のサイズをチェックする必要はありませんです。