檢查以查看圖像中是否存在Javascript

我是一個開始的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否認

來源

2014-10-20 KoalaFanatic

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

'$沒有被定義.'聽起來好像jQuery被使用了，你沒有包含它。嘗試在您的標題中添加'''。 – 2014-10-20 22:09:50

那麼你有一個函數imageExists，你從一個stackoverflow帖子，你爲什麼不調用它？ – epascarello 2014-10-20 22:11:02

所有的事情中，我只是忘了打電話給我的功能。我仍然收到錯誤，但它們並沒有明顯影響我的頁面，所以我認爲它沒有問題。道具epapearello指出。

來源

2014-10-21 19:04:06 KoalaFanatic

檢查以查看圖像中是否存在Javascript

回答

相關問題