扫码关注官方订阅号
html5 是否有这个功能:图片加载失败即显示别的图片?
业精于勤,荒于嬉;行成于思,毁于随。
大概是这个样子的:
function loadImage(obj, url, defaultUrl) { var img = new Image(); img.src = url; img.onload = function() { obj.appendChild( img ); } img.onerror = function() { obj.innerHTML += "<img src='"+defaultUrl+"' />"; } }
<img src="xxx.jpg" onerror="this.src='default.jpg'" >
你要到是不是这样的: 用Javascript判断图片是否存在,不存在则显示默认图片的代码(http://www.jb51.net/article/8796.htm)
onError事件http://www.w3school.com.cn/jsref/event_onerror.asp
http://www.w3school.com.cn/jsref/event_onerror.asp
这个事件只有在加载目标对象不存在(http 404 header)时才会触发
加载目标对象不存在(http 404 header)时
可以服务器端判断,如果出现异常,服务器自动输出一个你给定的图片
如果高宽已知:
<p style="width: ...; height: ...; background: url(...) ...;"> <p style="width: ...; height: ...; background: url(...) ...;"></p> </p>
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
扫描下载App
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
大概是这个样子的:
你要到是不是这样的:
用Javascript判断图片是否存在,不存在则显示默认图片的代码(http://www.jb51.net/article/8796.htm)
onError事件
http://www.w3school.com.cn/jsref/event_onerror.asp
这个事件只有在
加载目标对象不存在(http 404 header)时
才会触发可以服务器端判断,如果出现异常,服务器自动输出一个你给定的图片
如果高宽已知: