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

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

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

690

主题

704

帖子

3万

积分

董事

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

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

/ ~% Q0 e( ^* {/ y6 }9 T$ b可以在图片标签里加一个属性,能让图片找不到的时候显示自行设置好的图片,最后代码变成下面这样:
  1. <img src="图片路径"  onerror="this.src='default.jpg'" />
复制代码
8 E6 R& A0 r5 ]! [# [, t9 D
  这样就能把在“图片路径”里找不到的图片用default.jpg代替了。
! n" M3 W0 G- Z6 H8 }' m' y0 l# Q! X# h, j3 r7 n9 u$ |
上面的方法是用JS显示默认的图片,如果真实图片不存在还是会返回404状态码。, u; C/ T5 m+ P6 w

qiuqiufa.com

网站简介

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