使用javascript從XMLHttpRequest服務器下載多個圖像使用javascript

Question

我使用XMLHttpRequest方法從服務器獲取單個圖像的URL以下載，保存並從android本地存儲中檢索它，並且我已成功獲取它爲單個圖像網址工作;現在，我決定用一種方法從服務器上下載多個圖像。任何人都可以讓我看到一兩種方式嗎？

在此先感謝！

在這裏，我正在使用它來下載一個圖像

 var xhr = new XMLHttpRequest(); 

     xhr.open('GET', url, true); 

     xhr.responseType = "blob"; 
     console.log(xhr); 

     xhr.onload = function (e) { 
      console.log(e); 
      if (xhr.readyState == 4) { 
       console.log(xhr.response); 
       // if (success) success(xhr.response); 
       saveFile(xhr.response, 'images'); 
      } 
     }; 
     xhr.send(); 

Answer 1

假設你有URL列表從圖片可以下載代碼，你可以使用一個簡單for循環和存儲XMLHttpRequest變量數組。

var xhrList = []; 
var urlList = ['example.com/image1', 
       'example.com/image2', 
       'example.com/image2']; 
for (var i=0; i< urlList.length; i++){ 
    xhrList[i] = new XMLHttpRequest(); 

    xhrList[i].open('GET', urlList[i], true); 

    xhrList[i].responseType = "blob"; 
    console.log(xhrList[i]); 

    xhrList[i].onload = function (e) { 
     console.log(e); 
     if (this.readyState == 4) { 
      console.log(this.response); 
      // if (success) success(this.response); 
      saveFile(this.response, 'images'); 
     } 
    }; 
    xhrList[i].send(); 
}