在浏览网页时,是不是有时会碰到图片加载不出来的情况?这可太糟心啦!今天给大家分享一个 img 图片加载失败时显示默认图片的方法。在本站中,此方法只用于"友链"部分)。

缘由

JavaScript代码冲突,导致原方法无法触发 onerror 事件和调用 handleImageError 函数。

解决方法

1.引入Js代码

在需要使用该方法的地方重新引入以下Js代码:

<script type="text/javascript">
function slnotimg() {
var img = event.srcElement;
img.src = "加载默认图";
img.onerror = null; 
}
</script>

2.添加Src属性

img 标签的 Src=" " 中添加以下新属性:

onerror="slnotimg();"

例如:

<img src="加载默认图" onerror="slnotimg();"/>
此方法可单独用于 img 加载默认图使用,也可以用作原方法失效时的备用方案使用。

完!