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

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

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

761

主题

775

帖子

3万

积分

董事

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

积分
32853
发表于 19-3-20 17:43:14 | 显示全部楼层 |阅读模式      紫钻仅向指定用户开放  
如何数据为空时显示一张默认图片,数据不为空时不显示默认图片教程开始:3 Y) R  N2 ]  C4 X3 @9 M' y4 @

, ?: x6 D; B$ r- W, m! k/ f7 _
9 a) e/ t6 J! n5 h) m
想要实现上面的需求,我们可以给 img 标签设置一个 onerror 属性,可以在 src 路径不存在时显示指定的默认图片。
) @; T- ]+ h' d( f6 D8 X3 d测试一下,我没有给 src 设置图片链接,代码如下:/ L# X; E  j2 L. w
  1. <img src="" onerror="this.src='img/error.png'"/>
复制代码
+ }# E" X* f! H7 `3 s

5 t1 x1 R3 k3 Z! L& \1 M5 j  c7 U( p1 w9 j% f2 C& W
很显然,我们可以的看出来,当 src 属性为 unknown 时,就要自动替换为 onerror 设置的图片路径。2 K" _. |- a8 O
8 ^! L5 c$ _6 B4 P! K; d- m# P
怎么样,是不是很实用呢?

0 o) @4 f3 R" O' w. @教程结束! D4 v4 K, E* J4 T% M$ L

. J; v  o* @0 m/ Q, o1 H

0

主题

8

帖子

4

积分

1°伸手党

Rank: 2

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

使用道具 举报

网站简介

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