JS加载默认图片

图片加载失败使用默认图片

document.addEventListener("error", function (e) {

    var elem = e.target;

    if (elem.tagName.toLowerCase() == "img") {

        elem.src = "/image/General/errorDefault.png";

    }

}, true);

可以监听到动态js添加进来的元素
小心使用,若默认图片也加载失败,就会停不下来了,当然可以用比如全局变量解决死循环,根据自己的情况选择加不加就可以了

下面还有比较普通的写法

$("img").one("error", function(e){     $(this).attr("src", "default.gif");});

或者加在标签上(我比较推荐这种,在遍历数据的时候特别好用)

<img src="/image.gif" onerror='this.src="default.gif" />

本文转载:https://www.cnblogs.com/YaphetsDiao/p/10844363.html

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。