检查图片是否存在于Javascript中

Question

我是一名初学者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>

如果有更方便/简单/有效的方法，请告诉我。 我尝试使用SE和ajax的代码片段从一个文件夹中提取所有图像（超级整洁），但出现错误：“未定义$。” 这就是为什么我要这样做。

编辑：删除了未调用的xhtml函数。

编辑：重新添加并称为xhtml函数。 该cIter函数现在如下所示：

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

它可以工作，但是却给我带来以下错误：不赞成在主线程上使用同步XMLHttpRequest，因为它对最终用户的体验有不利影响。 有关更多帮助， http ://xhr.spec.whatwg.org格式不正确的NS_ERROR_DOM_BAD_URI：拒绝访问受限制的URI

Answer 1

在所有事情中，我只是忘了调用我的函数。 我仍然遇到错误，但是它们并没有明显影响我的页面，所以我认为它还可以。 提示epascarello指出。