的Javascript檢查圖像進行部署

Question

可能重複之前存在：
How do I check if file exists in jQuery or Javascript?

我建立從XML文件這個充滿活力的滑塊。滑塊從Target的服務器加載圖像。不幸的是，服務器上不存在xml上的所有圖像，我想避免使用空白幻燈片（一旦我獲得列表，我將這些圖像作爲背景圖像放在每張幻燈片上）。

有沒有一種方法（與JavaScript）我可以檢查這些圖像不是404之前，我甚至懶得填充我的滑塊？我不能做阿賈克斯，因爲他們在我無法訪問或控制的另一臺服務器上。

我只需要檢測有問題的圖像，然後再將它們放在列表（數組）上。

Answer 1

你可以做的是統計圖像的數量，連接onload事件，加載使用JS和計數成功。超時後，假設他們失敗了。

Answer 2

你可以使用java腳本功能來做到這一點，並在每個img上用url調用它。

function checkImage(src) { 
    var img = new Image(); 
    img.onload = function() { 
    console.log("Image is good"); 
    img.src = src; // 
    return true; 
    }; 
    img.onerror = function() { 
    console.log("Image is bad"); 
    return false; 
    }; 
}