网站图片不存在,显示默认图片解决办法

最近项目里面有很多地方需要加载图片,但是有的图片后来不在了,显示的xx比较难看,为了不影响美观,所以需要设置默认图片
这种情况下可以利用image对象的onerror事件来判断,出错则更换image对象的src为默认图片的URL。 

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



如果一个界面已经画好,图片太多,格式大小比较统一的话,也可以直接注册

 //设置默认图片显示

$(document).ready(function () {
  $("img").error(function () {
            $(this).attr("src", "../../Images/Comm/default.png");
        });

 });

这样就方便多了,不需要再去一个一个的给ing挂onerror

优缺点需要自己衡量,选择适合自己的方法

转载于:https://www.cnblogs.com/Orange-C/p/4091265.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值