HTML img图片加载失败时用默认图片替换

全栈程序员-站长 • 2022年6月1日下午11:00 • 未分类 • 阅读 39

HTML img图片加载失败时用默认图片替换原文地址：http://blog.csdn.net/qq_24771775/article/details/50294931 img元素加载图片失败，则变成一个小图标，让页面变得难看。此时如何替换为默认图片？onerror属性img元素自带onerror属性，加载失败时，触发error事件src=”http://yongqing.is-programmer.com/posts/i

大家好，又见面了，我是你们的朋友全栈君。

原文地址：http://blog.csdn.net/qq_24771775/article/details/50294931

img元素加载图片失败，则变成一个小图标，让页面变得难看。此时如何替换为默认图片？

onerror属性

img元素自带onerror属性，加载失败时，触发error事件

<img src="http://yongqing.is-programmer.com/posts/image.gif" onerror='this.src="http://yongqing.is-programmer.com/posts/default.gif" />

jquery.error函数

jquery提供对应的事件处理函数

$('img').error(function(){ 
    $(this).attr('src',"default.gif"); })

jquery.one函数

使用上面两种方法，假如默认图片也加载失败，则变成死循环. 此时可使用one()绑定事件

$("img").one("error", function(e){ 
    $(this).attr("src", "default.gif"); });

另外error事件，不支持冒泡，jquery.delegate函数捕捉不到error事件。

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/137459.html原文链接：https://javaforall.net

赞 (0)

0 0

关于作者

全栈程序员-站长

133.5K 文章

3 粉丝

本网站汇聚当前互联网主流语音，持续更新，欢迎关注公众号“全栈程序员社区”

调用第三方接口大致流程

上一篇 2022年6月1日下午11:00

一套很好的51单片机教程，云龙51单片机视频教程（王云）[通俗易懂]

下一篇 2022年6月1日下午11:00

锂电池升压芯片[通俗易懂]

锂电池升压芯片[通俗易懂]型号电池数量工作模式工作电压最大充电电流工作电流恒流恒压精度输出电压开关频率封装说明HM40331-5 节可设PFM 升压型开关式外置MOS4.0V -28V扩流最大 25W1.7mA1%可调1MHzSOT-26HM40312节5V升压型开关式外置MOS最大 5.5V1.0A 以上可调5mA1%8.4V200KHzSOP-8自适应适配器的

全栈程序员-站长
2022年10月7日
4
c语言ascii码对照表_c语言注册码

c语言ascii码对照表_c语言注册码C语言：ASCII码对照表

全栈程序员-站长
2025年8月15日
2
python中md5加密的实现

python中md5加密的实现python中md5加密的实现MD5消息摘要算法:(英语：MD5Message-DigestAlgorithm)，一种被广泛使用的密码散列函数，可以产生出一个128位(16字节)的散列值(hashvalue)，用于确保信息传输完整一致。MD5是最常见的摘要算法，速度很快，生成结果是固定的128bit字节，通常用一个32位的16进制字符串表示。Python的hashlib提供了常见的摘要算法，如MD5，SHA1等等。摘要算法又称哈希算法、散列算法。它通过一个函数，把任意长度的数据转换为一个

全栈程序员-站长
2022年7月11日
15
建议收藏！PyCharm快捷键大全，整理好了分享给大家

建议收藏！PyCharm快捷键大全，整理好了分享给大家PyCharm 是 Python 中使用的有力工具它提供的功能非常强大正确使用里面的实用技巧能带来事半功倍的效果本文给大家整理汇总一下 Pycharm 的常用快捷键希望能帮助到小伙伴节约省去查找资料的时间刚入门学习 Python 的小伙伴如果还没有合适的学习方向需要获取更多 Python 入门学习资料和入门指导可以看看下面这篇文章希望能有更多启发 Python 零基础入门学习路线和资料整理目录 1 代码编辑快捷键 2 搜索替换快捷键 3 代码运行快捷键 4 代码调试快捷键 5 应用搜索快捷

全栈程序员-站长
2026年3月27日
2
ASP.NET中进行消息处理(MSMQ) 一（转）

ASP.NET中进行消息处理(MSMQ) 一（转）

全栈程序员-站长
2021年7月28日
59
php 闭包使用场景,闭包应用场景有哪些

php 闭包使用场景,闭包应用场景有哪些闭包应用场景有 1 采用函数引用方式的 setTimeout 调用 2 小范围代替全局变量 3 有权访问私有变量和私有函数的公有方法函数外部无法访问函数内部的局部变量但函数内部的函数可以访问本函数内的局部变量故通过闭包实现函数外部访问函数内部局部变量但容易造成内存泄漏应当谨慎使用闭包的使用场景 1 采用函数引用方式的 setTimeout 调用 setTimeout 的第一个参数一般是一个即将要

全栈程序员-站长
2026年3月17日
2

发表回复

关注全栈程序员社区公众号