资讯专栏INFORMATION COLUMN

<img> 标签 图片加载失败时候处理方案

Cruise_Chan / 2133人阅读

摘要:应用场景在开发中,经常遇到一种情况,数据库不存在图片地址,或者存在图片地址,但图片已经被删除,这个时候会出现加载失败情况。提供以下解决方案解决方案在标签加上即当图片加载失败时会自动加载,例如

应用场景

在开发中,经常遇到一种情况,数据库不存在图片地址,或者存在图片地址,但图片已经被删除,这个时候会出现加载失败情况。提供以下解决方案

解决方案

在 img 标签 加上onerror="onerror=null;src="123.jpg"" ,即当图片加载失败时会自动加载123.jpg ,例如

           
               
                                           
                       
                 

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/79997.html

相关文章

  • &lt;img&gt; 标签 图片加载失败时候处理方案

    摘要:应用场景在开发中,经常遇到一种情况,数据库不存在图片地址,或者存在图片地址,但图片已经被删除,这个时候会出现加载失败情况。提供以下解决方案解决方案在标签加上即当图片加载失败时会自动加载,例如 应用场景 在开发中,经常遇到一种情况,数据库不存在图片地址,或者存在图片地址,但图片已经被删除,这个时候会出现加载失败情况。提供以下解决方案 解决方案 在 img 标签 加上onerror=one...

    浠ラ箍 评论0 收藏0
  • vue3.x使用swiperUI动态加载图片失败的解决方案

      想必大家对于vue3.x都很了解,那在vue3.x使用swiperUI动态加载图片失败时候如何解决?以下就为大家介绍两个常见问题:  1、在动态加载图片是空,需要显示默认图片时使用v-if失效  <divclass="swiper-containerhome_swiper">   <divclass="swiper-wrapper"v-...

    3403771864 评论0 收藏0
  • 02-CSS&JS

    摘要:今日目标使用完成网站首页的优化使用完成网站注册页面的优化使用完成简单的数据校验使用完成图片轮播效果教学目标了解的概念了解的引入方式了解的基本用法和常用的选择器了解的盒子模型,悬浮和定位了解的概念掌握的基本语法,数据类型,能够使用完成简单的页今日目标使用CSS完成网站首页的优化使用CSS完成网站注册页面的优化使用JS完成简单的数据校验使用JS完成图片轮播效果教学目标:了解CSS的概念了解CSS...

    番茄西红柿 评论0 收藏0
  • 一文搞懂Vue3中的异步组件defineAsyncComponentAPI的用法

      为了更好的提升用户的体验,我们要缩短加载的时间,要一些组件仅在需要的时候才加载这样极大的节约加载时间,提升用户访问效果。  现在我们可以用Vue3来作为一个实现方法,即defineAsyncComponent,这个方法可以传递两种类型的参数,分别是函数类型和对象类型,接下来我们分别学习。  传递工厂函数作为参数  defineAsyncComponent方法接收一个工厂函数是它的基本用法,这个...

    3403771864 评论0 收藏0

发表评论

0条评论

Cruise_Chan

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<