css3 - html5 是否有这个功能:图片加载失败即显示别的图片
迷茫
迷茫 2017-04-17 11:22:20
[HTML讨论组]

html5 是否有这个功能:图片加载失败即显示别的图片?

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回复(6)
怪我咯

大概是这个样子的:

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'" >
PHP中文网

你要到是不是这样的:
用Javascript判断图片是否存在,不存在则显示默认图片的代码(http://www.jb51.net/article/8796.htm)

高洛峰

onError事件
http://www.w3school.com.cn/jsref/event_onerror.asp

这个事件只有在加载目标对象不存在(http 404 header)时才会触发

天蓬老师

可以服务器端判断,如果出现异常,服务器自动输出一个你给定的图片

PHP中文网

如果高宽已知:

<p style="width: ...; height: ...; background: url(...) ...;">
    <p style="width: ...; height: ...; background: url(...) ...;"></p>
</p>
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号