JS~对img标签进行优化，使用onerror进行默认图像显示

2021-08-07 15:50:57

对于网站图像的不显示有很多原因，网络问题，文件本身问题，文件ＵＲＬ问题等，而当图像加载失败时会触发onerror这个事件，我们利用这点，可以有效的避免图像加载失败的尴尬！

ＪＳ代码

　　//图像加载出错时的处理
    function errorImg(img) {
        img.src = "http://static.xuexiba.com/uploadfile//UserInfo/Avatar/201403/1303992393385832875324.jpg";
        img.onerror = null;
    }

ＨＴＭＬ代码

  <img width="32" height="32" src="1.jpg" onerror="errorImg(this)" />

页面效果

本文转自博客园张占岭（仓储大叔）的博客，原文链接：JS~对img标签进行优化，使用onerror进行默认图像显示，如需转载请自行联系原博主。