javascript檢查圖像是否存在

我試圖顯示谷歌地圖或圖像。所以，我想要的是，默認情況下，我想顯示的圖像，如果圖像不存在，顯示谷歌地圖。爲此，作爲默認設置，我禁用谷歌地圖#map_canvas {display:none;}。然後，我需要像檢查圖像存在的布爾條件，然後返回true或false，如果它是false，則通過更改display =「block」;來顯示地圖。但是，我不知道怎麼做，你能幫我嗎？javascript檢查圖像是否存在

順便說一下，兩個代碼分開工作正常。

來源

2012-11-28 John Smith

要顯示#map_canvas如果圖像不加載到#worldMap使用

var img = document.getElementById("worldMap"); 
img.src = "http://www.freeworldmaps.net/download/maps/political-world-map-big.gif"; 

img.onerror = function() { 
    img.style.display = "none"; 
    document.getElementById("map_canvas").style.display = "block"; 
}

你顯然有不指定src屬性在img標籤，但其設置爲頁面加載時以上。

小提琴here

來源

2012-11-28 15:59:08 Bruno

謝謝，我快到了。還有一件事，當圖像未加載時如何擺脫小圖像。 –

@JohnSmith更新了我的示例以隱藏worldMap圖像。 – Bruno

javascript檢查圖像是否存在

回答

相關問題