检查Javascript中是否存在图像

Check to see if an image exists in Javascript

本文关键字：存在 图像 是否 Javascript 检查      更新时间：2023-09-26

我是一名初级的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>

如果有更方便/简单/有效的方法，请告诉我。我尝试使用带有ajax的SE中的一个片段，从一个文件夹中提取所有图像（这非常整洁），但我得到了一个错误："$没有定义。"这就是我尝试这个的原因。

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

EDIT：重新添加并调用xhtml函数。这个cTER函数现在看起来如下：

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

它是有效的，但给了我以下错误：主线程上的同步XMLHttpRequest已被弃用，因为它会对最终用户的体验产生有害影响。获取更多帮助http://xhr.spec.whatwg.org成形不良NS_ERROR_DOM_BAD_URI:访问受限URI被拒绝

在所有这些事情中，我只是忘记调用我的函数。我仍然会遇到错误，但它们并没有明显影响我的页面，所以我想这没关系。支持埃帕斯卡雷洛指出这一点。

相关文章：