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

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

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

763

主题

777

帖子

3万

积分

董事

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

积分
32946
发表于 19-3-20 17:43:14 | 显示全部楼层 |阅读模式      紫钻仅向指定用户开放  
如何数据为空时显示一张默认图片,数据不为空时不显示默认图片教程开始:/ Q0 n2 W( l  q  S  u( Y
+ o2 [- a' `4 P  c' R
9 I9 ?5 A" y! }. l+ r2 E
想要实现上面的需求,我们可以给 img 标签设置一个 onerror 属性,可以在 src 路径不存在时显示指定的默认图片。
6 r9 O" h) W% _* Y* [测试一下,我没有给 src 设置图片链接,代码如下:
& E% }, f; V, J8 E* u1 H3 J- ^4 E
  1. <img src="" onerror="this.src='img/error.png'"/>
复制代码
& M% g! E2 V+ Y5 H$ H7 K

/ w- G* \2 H% F" g1 ]* Y) |/ k
. q7 o' q& N& x5 b, x很显然,我们可以的看出来,当 src 属性为 unknown 时,就要自动替换为 onerror 设置的图片路径。
( C- H6 a9 W' I3 i$ N4 `; U' h4 V5 n7 T
怎么样,是不是很实用呢?

+ r7 d/ K+ B# S5 a3 Y教程结束
$ {. K8 h. u$ `' A! e' U& C0 X4 l9 v% D* H! w

0

主题

8

帖子

4

积分

1°伸手党

Rank: 2

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

使用道具 举报

网站简介

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