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

[其他] HTML标签IMG图片不存在时显示默认图片

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

761

主题

775

帖子

3万

积分

董事

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

积分
32840
发表于 19-4-27 16:27:41 | 显示全部楼层 |阅读模式      紫钻仅向指定用户开放  
有时遇到这样一种情况,在网页上调用一个图片,就像杰奇小说的封面,有时候封面没有采集到,又没有在程序里判断封面是否存在,这时候HTML标签<img src="图片路径" />,大多数浏览器就会显示一个X,各浏览器不同显示也不同,不管显示什么都不美观,影响用户体验。$ {3 R3 G9 L6 g8 S

$ h! {; A: B* O可以在图片标签里加一个属性,能让图片找不到的时候显示自行设置好的图片,最后代码变成下面这样:
  1. <img src="图片路径"  onerror="this.src='default.jpg'" />
复制代码
# A+ q2 _/ M* V; }( {7 ^! H; Y
  这样就能把在“图片路径”里找不到的图片用default.jpg代替了。
- w+ p8 Z8 h. j/ m* l5 V" K+ ^+ S0 W1 I. x6 R9 W) M  g$ S& V: P
上面的方法是用JS显示默认的图片,如果真实图片不存在还是会返回404状态码。
  X6 O: ]- j( ]- g7 }: X  a) m

0

主题

4

帖子

20

积分

1°伸手党

Rank: 2

积分
20
发表于 19-10-9 07:38:08 | 显示全部楼层         
写的真的很不错
回复

使用道具 举报

网站简介

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