图片加载失败处理

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

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

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

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);

实现效果


原文地址:https://www.cnblogs.com/zeussbook/p/10310268.html