如何在JQuery中检测错误加载图像？

如何在JQuery中检测空载图像？并显示而不是（show div id=“error”

抱歉，找不到图像：(

您可以简单地使用

img

元素的

onerror

属性

请查看以下示例：

编辑1- 添加了jQuery示例

$（“img”）。在（“error”，function（）{…}）上；

---

您可以使用jQuery注册一个

错误

事件侦听器，并在图像无法加载时执行任何操作

$（“img”）。关于（“错误”，函数（）{
$（this.hide（）；
$（“#错误”）.show（）；
})；

抱歉，找不到图像：（

<img src="img.pl/ax.png" />
<img src="q.pl/ph.png"/>
<div id="error" style="">
  <div id="icoka"><i class="image icon"></i></div>
  <div id="content-text-error">Sorry, image not found : (</div>
  <div style="clear:both;"></div>
</div>