处理图片img src=“链接”地址 404解决方法
来源:互联网 发布:龙腾软件上传宝贝淘宝 编辑:程序博客网 时间:2024/05/19 20:00
问:一个图片链接<img src="" /> 想用js 判断url是否有效如果404 就try catch加载默认的图片路径。
求解怎么做。关键是怎么判断链接是否404
答:可以给img标签加onerror事件:
- <img src="xxx" onerror="this.src=默认图地址"/>
PS:图片标签img的 onerror事件
<img src="pic.gif" onerror="javascript:this.src='/noPic.gif';" alt="pic" />
分析:特别注意 onerror,当图片不存在时,将触发 onerror,而 onerror 中又为 img 指定一个 NoPic.gif 图片。也就是说图片存在则显示 pic.gif,图片不存在将显示 noPic.gif。但问题来了,如果 noPic.gif 也不存在,则继续触发 onerror,导致循环,故出现错误。
说明:如果图片存在,但网络很不通畅,也可能触发 onerror。
解决方法:
第一种::.去掉 onerror 代码;或者更改 onerror 代码为其它;或者确保 onerror 中的图片足够小,并且存在。
第二种:
<script type="text/javascript">
<!–
function nofind(){
var img=event.srcElement;
img.src="网络默认图片路径";
img.onerror=null; 控制不要一直跳动
}
//–>
</script>
<td align="center"><img src="网络路径" onerror="nofind();" />图片一</td>
- 处理图片img src=“链接”地址 404解决方法
- dede调用img图片src地址<img src="[field:litpic/]">
- dede调用img图片src地址<img src="[field:litpic/]">
- ie8.0 显示本地图片 js处理 img.src
- webpack 处理html中img的src引入的图片
- webpack 处理html中img的src引入的图片
- 修改img的src属性刷新图片时,图片地址相同图片无变化的问题
- 通过图片src链接地址偷走白名单获取手机号
- 响应式图片 <img src=,srcset=,sizes=>
- html <img>标签 src=""内的图片路径问题
- 正则表达式取<img src="">src中包含特定字符的地址
- img的src地址是一个请求的方式来显示图片
- php正则提取html图片(img)src地址与任意属性
- php正则提取html图片(img)src地址与任意属性
- [Javascript]用正则表达式替换字符串中的图片地址(img src)
- php正则提取html图片(img)src地址与任意属性
- 动态的设置<img>的src地址
- 获取字符串<img>中src地址
- android语音识别和合成第三方
- java smtp发送邮件
- css
- Java SPI--Service Provider Interface.
- 在iOS端如何使用Charles用作http调试
- 处理图片img src=“链接”地址 404解决方法
- maven3命令创建 java项目,web项目。
- SQL 基础-->SELECT 查询
- nyoj 102 次方求摸 快速幂
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- Spring3学习(3)__AOP
- 模仿百度“您要找的是不是:”提示功能
- 库函数bitset的应用:codeforces 333E
- 2012-05-04 12:58 eclipse老是building workspace及自动更新问题,eclipse加速