js处理img标签加载图片失败,显示默认图片
来源:互联网 发布:淘宝售后工作怎么样 编辑:程序博客网 时间:2024/04/30 09:31
1.第一种方法:
如果已经引入了jquery插件,就很好办。没有的话,如果实在需要,可以附上代码:
script(type='text/javascript', src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js") //这是jade文件的写法,可以自行转换为htmlhandle error $('img').error(function(){ $(this).attr('src', "default.jpg(默认图片的url地址)"); });
2.第二种方法:如果img标签是少量的话,可以用这个:
img的onerror事件
<img src='test.jpg' alt='test' onerror="this.src='default.jpg'">//alt属性的意思是在图片为加载成功时显示的文字
1 0
- js处理img标签加载图片失败,显示默认图片
- JS处理img标签加载图片失败,显示默认图片
- <img>标签链接失效显示默认图片
- 图片加载失败,显示默认图片
- 图片加载失败,显示默认图片
- 如果图片加载失败,显示默认图片
- 图片加载失败显示默认图片
- 【JavaScript】加载失败的红叉图片处理与<img>图片标签的onerror事件
- HTML img图片加载失败时用默认图片替换
- 使用jquery给加载失败的img元素显示默认图片
- HTML+CSS基础 img标签alt属性 当图片加载失败的时候显示为文本
- html img加载失败,怎样替换为默认图片
- html img 加载错误时显示默认图片
- flex 加载图片失败,设置默认显示图片
- html图片加载失败时显示默认图片
- Img图片标签显示问题
- <img>标签,显示服务器图片
- React Js img 图片显示默认 占位符
- spi驱动流程学习
- zzulioj--1730--通信基站(全排列+dfs)(好题)
- MVC应用:简易版的应用管理
- linux查看系统情况
- JAVA中Long与Integer比较容易犯的错误
- js处理img标签加载图片失败,显示默认图片
- linux centos系统下安装rsync
- intercept-url配置
- 用Model-View-ViewModel构建iOS App
- linux日常使用命令
- IntelliJ IDEA中怎么查看方法说明
- 常用数据结构总结
- org.hibernate.hql.internal.ast.QuerySyntaxException: table is not mapped
- 用opencv自带的Haar分类器进行人脸检测(二)