图片加载失败处理

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

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

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

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