HTML中图片不存在显示默认图片的方法示例
2020-09-20 04:09
1211 查看
一个图片链接<img src="" /> 想用js 判断url是否有效如果404 就加载默认的图片路径
<img src="xxx" οnerrοr="this.src=默认图地址"/>
图片标签img的 onerror事件
<img src="pic.gif" οnerrοr="javascript:this.src='默认图地址';" alt="pic" />
分析:特别注意 onerror,当图片不存在时,将触发 onerror,而 onerror 中为 img 指定一个默认图片。也就是说图片存在则显示 pic.gif,图片不存在将显示默认图片。
存在的问题:如果默认图片也不存在,则继续触发 onerror,导致循环,故出现错误。如果图片存在,但网络很不通畅,也可能触发 onerror。
解决方法:通过函数加载默认图片,仅加载一次
<img src="abc.jpg" onerror="nofind()" /> <script type="text/javascript"> function nofind(){ var img=event.srcElement; img.src="http://mat1.gtimg.com/cd/2017/home/nlogo0518.png"; //替换的图片 img.onerror=null; //控制不要一直触发错误 } </script>
到此这篇关于HTML中图片不存在显示默认图片的方法示例的文章就介绍到这了,更多相关HTML图片不存在显示默认内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!
相关文章推荐
- 【HTML/JS】图片不存在时,显示一个默认的图片
- 在HTML中显示图片时希望如果图片不存在或者无法显示时,能够显示默认图片
- html img标签 图片路径错误时显示默认图片方法
- 图片不存在就显示默认图片
- 用Javascript判断图片是否存在,不存在则显示默认图片的代码
- TextView显示html图片的方法
- Flex中Image加载图片出错时显示默认图片的几种方法
- JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法
- 图片不存在的时候,显示一个默认图片
- 我的Android笔记(九)—— TextView显示html图片的方法
- 使用jQuery的toggle()方法对HTML标签进行显示、隐藏的方法(示例)
- 用Javascript判断图片是否存在,不存在则显示默认图片的代码
- 如果图片不存在,显示默认图片
- [iOS]iOS7+ UITabBar修改选中图片显示为默认蓝色的问题解决方法,去除UITabbar顶部一像素横线
- TextView显示html图片的方法
- 【HTML/JS】Img的src指向的图片不存在,让img不显示出来
- TextView显示html图片的方法
- Html足球平台出租读取本地文件夹下图片并显示的示例代码
- 用Javascript判断图片是否存在,不存在则显示默认图片的代码
- html设置图片加载时、加载错误时显示的默认图