腾讯云网站解决方案帮您轻松应对建站成本高/网络不稳等常见问题

如何数据为空时显示一张默认图片,数据不为空时不显示...

1
回复
1161
查看
[复制链接]

761

主题

775

帖子

3万

积分

董事

Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72

积分
32836
发表于 19-3-20 17:43:14 | 显示全部楼层 |阅读模式      紫钻仅向指定用户开放  
如何数据为空时显示一张默认图片,数据不为空时不显示默认图片教程开始:5 w# w" j7 {' Z9 }( F, p; c

) k( Z* D6 H: }# `, `/ e

9 Z% T4 d, @! |& R. X' z想要实现上面的需求,我们可以给 img 标签设置一个 onerror 属性,可以在 src 路径不存在时显示指定的默认图片。
/ z6 L+ j8 V2 a% ?/ q" D测试一下,我没有给 src 设置图片链接,代码如下:8 F0 H$ i9 k5 G6 v( n: @4 @, b
  1. <img src="" onerror="this.src='img/error.png'"/>
复制代码
1 n5 n& C  g2 j+ z, C7 P; q

. |2 l! V) h7 m8 B1 C* ]& K% d3 v8 q! t( S9 @1 g( k" P
很显然,我们可以的看出来,当 src 属性为 unknown 时,就要自动替换为 onerror 设置的图片路径。: m5 R; U0 C/ H  L* f
- r; _+ q: @9 }; K) h3 e
怎么样,是不是很实用呢?
3 {  x% V, C9 O4 N6 u, ^6 x! {% c
教程结束8 w7 G: \) D0 F" M
5 A7 M0 a# B  }+ `: j

0

主题

6

帖子

4

积分

1°伸手党

Rank: 2

积分
4
发表于 19-9-23 05:31:57 | 显示全部楼层         
这是什么东东啊
回复

使用道具 举报

网站简介

球球发,是一家 Discuz! 商业插件、风格模板、网站源码、 Discuz!运营维护技术等于一体的交流分享网站,全站95%的资源都是免费下载,对于资源我们是每天更新,每个亲测资源最新最全---球球发(如果我们有侵犯了您权益的资源请联系我们删除