javascript - 检查缩略图和图像是否存在

Question

我正在尝试在需要加载三个图像之一的页面中编写一些 javascript。首先，它需要检查图片的缩略图是否存在并显示，如果缩略图不存在，则检查全尺寸图像并显示(按比例缩小)，如果缩略图或全尺寸图像都不存在，使用 noimage.gif 作为小占位符。最有效的方法是什么？

有些规定，服务器端不能做，因为没有服务器。该 java 脚本将作为 .kml 文件插入。我正在绘制一个光纤网络，这是用于手孔部分。基本上，每个地标将有 1 到 5 张图片，图片的名称将与地标名称相同，每张图片后带有 -1、-2、-3 等。因此，这些地标中的每一个都从相同的气球样式中获取其样式....我用这种气球样式编写的 html 调用 img src="./images/$[name]-1.jpg"width="120px"height ="100px"其中 $[name] 插入地标的名称。这将允许用户，当他们更新 kml 文件并添加新的地标时，他们所要做的就是重命名 jpeg 以匹配地标的名称并在其末尾添加 -1 并将其转储到图像文件夹中....使用户不必编辑任何 html(这对他们来说太多了)

Answer 1

我会在服务器上进行检查，然后让服务器提供可用图像的资源路径。