Javascript，仅加载存在的图像

Question

我有一系列文件夹，其中包含按顺序编号的图像(1.jpg、2.jpg、3.jpg...等)。我正在尝试使用 for 循环加载图像，直到找到第一个不存在的图像。我阅读了其他一些使用 onload 和 onerror 回调函数管理类似问题(检查图像是否存在)的文章，但我陷入困境。这里有一些我编写的代码，用于将图像存储在数组中，并将它们与其 src 一起显示在 HTML 页面中:

var arrImages = new Array();

function loadImgSeq() {
    for (var i = 0; i < 11; i++) {
        arrImages[i] = new Image();
        arrImages[i].src = "slides/" + i + ".jpg"
        arrImages[i].width = 400;
        document.body.appendChild(arrImages[i]);
        document.write("<p>"+arrImages[i].src+"</p>");
    }
}

PS:我没有计算机编程经验，我只是作为业余爱好者来做。

Answer 1

这是一个:

var found = true;
while(found)
{
    var img = new Image();
    img.src = 'path';
    found = img.naturalWidth?  true : false;
}