检查Javascript中是否存在图像

我是一名初级html/javascript程序员，正在制作一个显示图像的基本页面。图像已经从000开始编号了，所以我制作了一个迭代器，每次通过while循环时都会增加这个数字。问题是我不知道如何检查路径指向的图像是否存在。 我对如何使用Ajax或jQuery一无所知，如果需要，请告诉我如何添加它们

以下是我当前的代码：

<script>
function printimg(url){
    var img = document.createElement("img");
    img.src = url;
    img.align = "middle";

    var src = document.getElementById("body");
    src.appendChild(img);
}

//Pull all images from folder.
var cIter = 000;
imgRun =1;
while (imgRun == 1){
    uIter = String(cIter);
    if (uIter.length < 3){
    uIter = "0" + uIter;
        if (uIter.length < 3){
        uIter = "0" + uIter;
        }
    }

    cPath = ('./files/images/comics/'+uIter+'.png');
    cIter ++;

    printimg(cPath);
    //stop printing images after the 5th one (find a better if statement)
    if (cIter > 5){
        imgRun = 0;
    }
}
</script>

它可以工作，但给了我以下错误： 主线程上的同步XMLHttpRequest不推荐使用，因为它会对最终用户的体验产生有害影响。需要更多帮助 格式不好

---

NS\u ERROR\u DOM\u BAD\u URI:restricted URI的访问被拒绝

所有的事情，我只是忘了调用我的函数。 我仍然会遇到错误，但它们并没有明显影响我的页面，所以我想这没问题。

---

感谢epascarello指出这一点。

因为$可能是jQuery，您没有包括它。$没有定义。听起来好像使用了jQuery，而您没有包括它。尝试添加你的标题。你有一个函数imageExists，你从stackoverflow帖子中获取，为什么不调用它？

    if (!imageExists(cPath)){
        imgRun = 0;
    }
    else{
        printimg(cPath);
    }