img 加载网络图片失败 显示默认图片的方法
2017-05-25 08:59
603 查看
1. 概述
当从网络加载图片失败 希望显示默认图
img 标签有个 onerror属性
2. 代码
2.1 java服务端组织标签整个返回前端
String imgUrl = "javascript:this.src=\'http://172.21.96.31:88/k/default.jpg\'"; digest += "<img src='" + thumbnail + "' width='85px' height='70px' onerror=\""+imgUrl+"\">";
2.2 前端组织标签
var imgPath = "javascript:this.src=\'http://172.21.96.31:88/k/default.jpg\'"; _digest += '<div style="width:85px;height:70px;padding-left:0px;">'; _digest += '<img src="' + streamuri + '/keyframes/' + mmoId + '/char.JPG" onerror="'+imgPath+'" width="85px" height="70px">'; _digest += '</div>';
2.3 说明
主要的问题是特殊字符'(单引号)或"(双引号)的转义问题
以上这篇img 加载网络图片失败 显示默认图片的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章推荐
- img 加载网络图片失败 显示默认图片
- 使用jquery给加载失败的img元素显示默认图片
- js处理img标签加载图片失败,显示默认图片
- JS处理img标签加载图片失败,显示默认图片
- ionic 图片加载失败,显示默认图片代替
- HTML img图片加载失败时用默认图片替换
- 加载图片失败后显示系统默认图片
- img标签中的图片加载异常时显示默认的图片
- 转载-当图片加载失败或者没有的情况下显示默认图片
- html img 加载错误时显示默认图片
- Jquery判断页面图片是否加载失败,加载失败则显示默认图片
- 自定义react组件:Img,图片获取失败时能显示指定的默认图片
- img标签中的图片加载异常时显示默认的图片
- JS图片加载失败显示默认图片
- ionic开发——图片加载失败或不存在时显示提示图片的解决方法
- flex 加载图片失败,设置默认显示图片
- HTML基础 img标签alt属性 当图片加载失败的时候显示为文本
- 如果图片加载失败,显示默认图片
- 图片路径加载失败,火狐浏览器默认显示断裂图片
- vue2.0实现图片加载失败默认显示图片