javascript - js image的onload沒有在圖片載入完成後執行

Question

1.想定的效果是每加載完成一張圖片,alert"1",實際效果確是所有圖片加載完成之後,alert4次
2.以下是代碼,求大腿給解解惑.
//imgArray[] 這裡有4張圖片連結,太長就不寫了
var count = 0;

for (var i = 0; i < imgArray.length; i++) {
    var imgobj = new Image();
    imgobj.onload = function () {
        alert("1");
        if (count == imgArray.length - 1) {
            loading.style.display = "none";
        }
        ++count;

    };

    imgobj.src = imgArray[i];
}

Answer 1

雷雷

Answer 2

寫個載入的方法，遞歸就完了

Answer 3

var count = 0;
for (var i = 0; i < imgArray.length; i++) {

雷雷

}

Answer 4

問題已經解決,應該是圖片引用的不對.抱歉浪費各位大神的時間了!

data:image/jpeg;base64,/9j/4AAQSkZJRgABAQIAJgAmAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjjHBYDwIyODwwQMYGBc KCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoK...略....
上面是引用的圖片地址,改成下面的就正常執行了,
https://ss1.bdstatic .com/70cF...