如何在HTML 5中显示默认图像，如果找不到图像

Question

如何在HTML 5中显示默认图像，如果找不到图像

4

我希望展示一个默认图片，当页面上的某个图片未找到时，描述图片未找到。

如何做到这一点？

- RASKOLNIKOV

我怀疑你无法仅通过HTML实现这一点。用于“图像未找到”的替换图像是特定于浏览器的，实现在浏览器软件或配置中。通常这是超出你的控制范围的。我认为你必须使用JavaScript来解决这个问题，可能最直接的方法是对加载失败事件做出反应... - arkascha

嗯，我已经回答了这个问题。很高兴能教你新的东西。 - RASKOLNIKOV

尝试使用JavaScript事件“onerror”。请查看此答案：https://dev59.com/0Wsz5IYBdhLWcg3wTl0T - edornd

2

@RASKOLNIKOV 嗯，不知道你什么时候会意识到自己... 除此之外：为什么这是一件新事物？你做的恰好是我上面建议的。 - arkascha

@RASKOLNIKOV 啊，现在你意识到了 :-) 你看，你在你的答案中所做的就是使用JavaScript。那不是一个纯HTML解决方案。就像我上面写的一样。你只是将你的脚本嵌入到HTML标签中，在某些情况下可以工作，但并非所有情况都是如此，这取决于页面的安全模型。(哦，我刚才看到，甚至不是你意识到的...有人为你修复了你的答案 :-) ) - arkascha

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- RASKOLNIKOV · Accepted Answer

想要在网页中显示 default.jpg 的图片，但是该图片在应用程序或服务器中不存在。你希望向用户展示一张有意义的图片来描述未找到的图片。你想向用户展示 ImageNotFound.jpg。

以下是解决方案：

<img src="default.jpg" onerror="this.src='ImageNotFound.jpg'" />