当图片加载不出来时,设置默认图片

weixin_37914752

于 2020-02-21 11:04:06 发布

阅读量1.7k

点赞数

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/weixin_37914752/article/details/104424272

版权

前端专栏收录该内容

11 篇文章

订阅专栏

本文介绍了在网页开发中遇到图片加载失败时的两种处理策略：一是使用自定义函数获取图片URL并设定默认图片；二是利用jQuery监听图片加载错误事件，实现动态替换为备用图片，确保页面展示的完整性和用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法一:

  <img src="{:getImgUrlByPropertyNum($v['num'])}" onerror="this.src='__PUBLIC__/img/swiper1.png'">

方法二:

$(function(){
    $('img').error(function(){
    	console.log('加载不出图片时触发');
        $(this).attr("src","../../../Public/images/logo_2.png");
    })
  })