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检查图像是否存在

回答

相关问题