Загрузите мульти изображение, используя XMLHttpRequest.Запросить все готово, но получить только 10 или 20 изображений

Question

Привет. Я пытаюсь загрузить изображение с веб-страницы.

Запустите код в devtool и создайте для него буклет. Мой код работает, но если imgarr.length больше, я получаю только 10 или 20 изображений. Я проверил все запросы, они все еще работают (статус 200). Пожалуйста, помогите мне, что не так с этим.

var imgarr = [url1, url2,...] // using querySelectorAll to get Array of URL Image;
try {
    for (var i = 0; i < imgarr.length; i++) {
        download(imgarr[i],'image')
    };
} catch (e) {
    alert("Download failed.");
    console.log('Download failed.', e);
}

function download(url, fileName) {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', url);
    xhr.responseType = 'blob';
    xhr.onreadystatechange = function () {
        if(this.readyState == 4 && this.status == 200){
            var url = window.URL.createObjectURL(this.response);
            var a = document.createElement("a");
            document.body.appendChild(a);
            a.style = "display: none";
            a.href = url;
            a.download = fileName;
            a.click();
            document.body.removeChild(a);
        }
    }
    xhr.send();
}