图片加载失败处理

如题很多时候因为一些不确定原因导致图片加载失败!

呈现给用户的页面非常不美观,影响用户体验度!

那么你肯定会想到用默认图片替换加载出错的图片!没错是这么干的。

var loadpath=$("#path").val()+"/include/business/images/";//图片根路径
document.addEventListener("error", function (e) {
var elem = e.target;
if (elem.tagName.toLowerCase() == 'img') {
elem.src = loadpath+"noimg.png";
}
}, true);

实现效果

 


posted @ 2019-01-23 17:23  别动我的猫  阅读(1646)  评论(0编辑  收藏  举报