检查Javascript中是否存在图像

时间:2014-10-20 22:03:21

标签: javascript image

我是一个开始的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被拒绝

1 个答案:

答案 0 :(得分:0)

在所有事情中,我只是忘了打电话给我。 我仍然遇到错误,但它们并没有明显影响我的页面,所以我认为它没问题。 epascarello的道具指出了它。