处理img标签加载图片失败，显示默认图片简单代码分享

常规方法解决我们都知道，img标签支持onerror事件，在装载文档或图像的过程中如果发生了错误，就会触发onerror事件。可以使用一张提示错误的图片代替显示不了的图片。
例如这样使用：

<img src="images/logo.png" onerror="javascript:this.src='images/logoError.png';">

但是，注意哦，这里有个大坑哦，如果logoError.png 也不存在，则会继续触发 onerror，导致死循环，页面卡死。而且，就算图片存在，但网络很不通畅，也可能触发 onerror。

解决方法

<img src="images/logo.png" onerror="slnotimg();"/>

<script type="text/javascript">function slnotimg() {

var img = event.srcElement;

img.src = "images/logoError.png";

img.onerror = null; //解绑onerror事件

}</script>

作者：思源

来源：壹世博客（微信/QQ号：2336957694），转载请保留出处和链接！

本文链接：https://www.ym-ym.com/115.html