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

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

0
回复
576
查看
[复制链接]

690

主题

704

帖子

3万

积分

董事

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

积分
31818
     紫钻仅向指定用户开放  
发表于 19-3-20 17:43:14 | 显示全部楼层 |阅读模式
如何数据为空时显示一张默认图片,数据不为空时不显示默认图片教程开始:
  ^3 }8 z0 S6 N+ `  t+ l/ h# h" m0 V( ^! ~' o# S* W- J9 C9 w

% n  g4 V# W7 K8 s! e想要实现上面的需求,我们可以给 img 标签设置一个 onerror 属性,可以在 src 路径不存在时显示指定的默认图片。* U7 M$ ^! J  g9 f: @$ p
测试一下,我没有给 src 设置图片链接,代码如下:6 U3 }0 u5 w; g
  1. <img src="" onerror="this.src='img/error.png'"/>
复制代码
. O; a" z- m  W

1 T# H" Q! G8 ~( \7 c" t- B- o' H1 G" p+ \& X% [
很显然,我们可以的看出来,当 src 属性为 unknown 时,就要自动替换为 onerror 设置的图片路径。
* ~* ~- Q; ~1 o* g- {
5 s1 H' a5 r& n8 F2 f怎么样,是不是很实用呢?

/ W  I1 q) v7 f* x1 Z$ g教程结束6 X  a2 X5 O3 t6 i  R
3 F, y. U5 [! J9 K

qiuqiufa.com

网站简介

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