javascript - javascript 检查图像是否存在

Question

我正在尝试显示谷歌地图或图像。所以，我想要的是默认情况下我想显示图像，如果图像不存在，则显示谷歌地图。为此，我默认禁用 google 地图 #map_canvas {display:none;}。然后，我需要一个类似布尔条件的东西来检查图像的存在，然后返回真或假，如果它是假的，则显示地图，通过更改 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 属性，而是在页面加载时将其设置为如上。

在这里提琴