如果图片不存在或加载失败 则替换为默认图片

如果图片不存在或加载失败 则替换为默认图片

适用动态获取图片不存在或加载失败

// 如果图片不存在或加载失败 则替换为默认图片
document.addEventListener("error", function (e) {
        var elem = e.target;
        if (elem.tagName.toLowerCase() == 'img') {
            elem.src = "images/1.jpg";
        }
    }, true);

如果图片不存在或加载失败,则替换地址

// 如果图片不存在或加载失败 则替换为图片地址一
   document.addEventListener("error", function (e) {
        var elem = e.target;
        if (elem.tagName.toLowerCase() == 'img') {
            elem.src = "https://mp.csdn.net/data/1/" + data.goods_image;//data.goods_image为动态获取图片地址
            // 如果图片不存在或加载失败 则替换为图片地址二
            document.addEventListener("error", function (e) {
                var elem = e.target;
                if (elem.tagName.toLowerCase() == 'img') {
                    elem.src = "https://mp.csdn.net/data/1/" + data.goods_image;//data.goods_image为动态获取图片地址
                    // 如果图片不存在或加载失败 则替换为默认图片
                    document.addEventListener("error", function (e) {
                        var elem = e.target;
                        if (elem.tagName.toLowerCase() == 'img') {
                            elem.src = "images/1.jpg";
                        }
                    }, true);
                }
            }, true);
        }
    }, true);
发布了18 篇原创文章 · 获赞 4 · 访问量 4895

猜你喜欢

转载自blog.csdn.net/xiaojun201593/article/details/90713457