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

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

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

765

主题

779

帖子

3万

积分

董事

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

积分
33025
发表于 19-3-20 17:43:14 | 显示全部楼层 |阅读模式      紫钻仅向指定用户开放  
如何数据为空时显示一张默认图片,数据不为空时不显示默认图片教程开始:
1 e7 o2 l; l8 H1 G
% w- X% P1 ]+ X2 k, {
* `0 t. z+ l/ S9 Z
想要实现上面的需求,我们可以给 img 标签设置一个 onerror 属性,可以在 src 路径不存在时显示指定的默认图片。
1 }+ S: Z8 W. l( b, T5 u测试一下,我没有给 src 设置图片链接,代码如下:
6 |  ]6 m0 z% U; e" Q
  1. <img src="" onerror="this.src='img/error.png'"/>
复制代码

  [/ u* _$ A, @0 ^$ ^2 Y) v0 n2 R/ e. d: D

" g; k# v2 s2 s$ Q/ a. I很显然,我们可以的看出来,当 src 属性为 unknown 时,就要自动替换为 onerror 设置的图片路径。* |" ~8 T) {+ ?4 y- l0 @+ E9 o
6 D6 C/ D' d2 G  `; I$ m8 F: r6 g
怎么样,是不是很实用呢?

* B0 v, a7 z; Q9 f8 @& Y教程结束( V/ S9 j% P7 r0 A2 ~  W4 e$ |

, f# W1 M) l" G3 s" U! E) u1 r9 c

0

主题

11

帖子

4

积分

1°伸手党

Rank: 2

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

使用道具 举报

网站简介

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