2014-10-20 111 views
0

我是一个开始的HTML/JavaScript程序员,我正在制作一个显示我的图像的基本页面。图像已经编号(从000开始),所以我制作了一个迭代器,每次通过while循环都会提高数字。问题是我不知道如何检查路径导致的图像是否存在。 我完全不知道如何使用Ajax或jQuery,如果他们需要让我知道如何去添加它们。检查以查看图像中是否存在Javascript

这里是我当前的代码:

<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否认

+0

因为$可能是你没有包含的jQuery。 – epascarello 2014-10-20 22:09:17

+0

'$没有被定义.'听起来好像jQuery被使用了,你没有包含它。尝试在您的标题中添加'''。 – 2014-10-20 22:09:50

+0

那么你有一个函数imageExists,你从一个stackoverflow帖子,你为什么不调用它? – epascarello 2014-10-20 22:11:02

回答

0

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