图片加载出错后显示默认图片

大家好，又见面了，我是你们的朋友全栈君。

图片加载出错后展示默认设置的图片

img因网络问题以及其他问题加载出错时，展示成下图的样式

网络出错时，没有设置默认图片显示成这样

使用one()绑定事件是防止默认图片也加载不出，防止死循环

$(".listList2").one("error", function(e){
    $(this).attr("src", "image/head_portrait.png");
});

或者

img元素自带onerror属性，加载失败时，触发error事件

<img src="img/yuan.png" οnerrοr="javascript:this.src='img/xian.png';">

图片存在则显示yuan.png，图片不存在或者因网络原因将显示 xian.png 若 xian.png 也不存在，则继续触发 onerror，导致死循环，所以建议使用上面的那种方式

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/158927.html原文链接：https://javaforall.cn