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

图片加载出错后展示默认设置的图片 img因网络问题以及其他问题加载出错时,展示成下图的样式
图片加载出错后显示默认图片
文章图片

网络出错时,没有设置默认图片显示成这样
图片加载出错后显示默认图片
文章图片

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

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

或者
img元素自带onerror属性,加载失败时,触发error事件
图片加载出错后显示默认图片
文章图片

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

    推荐阅读