【问题标题】:How to show default image if image not found in HTML 5 [duplicate]如果在 HTML 5 中找不到图像,如何显示默认图像 [重复]
【发布时间】:2015-08-07 02:00:24
【问题描述】:

当页面中的一张图片未找到时,我想显示描述该图片未找到的默认图片。

怎么做?

【问题讨论】:

  • 我怀疑你可以单独使用 html 来做到这一点。 “找不到图像”的替换图像是特定于浏览器的,在配置的浏览器软件中实现。那(通常)不在你的掌控之中。我想说你必须为此使用javascript,可能最直接的方法是对加载失败的事件做出反应......
  • 嗯,所以我已经回答了问题。很高兴教你新东西。
  • 尝试使用javascript事件“onerror”。检查这个答案:stackoverflow.com/questions/7995080/html-if-image-is-not-found
  • @RASKOLNIKOV 嗯,想知道你什么时候意识到自己......除此之外:为什么这是一个新事物?你完全按照我上面的建议去做
  • @RASKOLNIKOV 啊,现在您意识到 :-) 您看,您在回答中所做的 使用 javascript。那是 not 一个纯 html 解决方案。就像我上面写的一样。您只需将脚本嵌入到 html 标记中,该标记在某些情况下有效,但并非完全如此,这取决于页面的安全模型。 (哦,我只是看到连你都没有意识到......其他人为你解决了你的答案:-))

标签: html image


【解决方案1】:

认为您想在正文 default.jpg 中显示,但该图像在应用程序或服务器中不存在。您想向用户显示有意义的图像,描述该图像未找到。您想向用户显示 ImageNotFound.jpg

这是一个解决方案:

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

【讨论】:

    猜你喜欢
    • 2023-02-05
    • 2012-07-23
    • 1970-01-01
    • 2018-03-11
    • 1970-01-01
    • 2021-01-12
    • 2013-02-02
    • 1970-01-01
    • 2013-11-24
    相关资源
    最近更新 更多