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

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

img因网络问题以及其他问题加载出错时,展示成下图的样式
图片加载出错后显示默认图片_第1张图片
网络出错时,没有设置默认图片显示成这样
图片加载出错后显示默认图片_第2张图片

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

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

或者

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


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

你可能感兴趣的:(图片加载出错后显示默认图片)