javascript检查图像存在

Question

我正在尝试显示谷歌地图或图片。所以，我想要的是，默认情况下，我想显示图像，如果图像不存在，显示谷歌地图。为此，默认情况下我使用#map_canvas {display:none;}禁用Google地图。然后，我需要类似于检查图像存在的布尔条件，返回true或false，如果是false，则显示map，通过更改display =“block”;。但是，我不知道该怎么做，你能帮助我吗？

顺便说一句，两个代码分别正常工作。

Answer 1

如果图片未加载到#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";
}​​​​​​​​​​​​​​​​​

您显然不必在img标记中指定src属性，但在页面加载时将其设置为上面。

小提琴here