img图片加载失败用默认图片代替

113 篇文章 1 订阅
81 篇文章 1 订阅

 onerror 事件在加载外部文件(文档或图像)发生错误时触发。

 <img alt="{dr[title]}" src="{dr[img_url]}" onerror="this.src='/admin/skin/default/loadimg.gif'">

 

img 使用 onerror 以后,如果 onerror 指定的图片也是不存在的话,会出现无限死循环 404。

<img src="image.gif"  onerror="javascript:this.src='src/images/default.jpg';this.onerror = null">

jquery.error函数

jquery提供对应的事件处理函数

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

jquery.one函数

使用上面两种方法,假如默认图片也加载失败,则变成死循环. 此时可使用one()绑定事件

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

另外error事件,不支持冒泡,jquery.delegate函数捕捉不到error事件。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

橙-极纪元JJY.Cheng

客官,1分钱也是爱,给个赏钱吧

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值