首页 > 其他 > 详细

前端:图片加载失败的处理方式

时间:2015-09-23 11:47:09      阅读:377      评论:0      收藏:0      [点我收藏+]

1.

前端展示数据的时候,有图片加载失败的时候,可以用img标签的 “onerror”属性,来指定 如果图片加载失败,那么就执行onerror属性里面的代码

比如Freemarker的写法

图片地址 = ${headHref}

<img src="${headHref}" onerror="this.src=‘<#if headHref!= ‘‘>${headHref}<#else> ${basePath}/images/phone/pic.jpg</#if>‘"/>

 

比如正常的HTML页面写法

<img src="https://www.baidu.com/23423.jpg" onerror="this.src=‘https://www.baidu.com/img/baidu_jgylogo3.gif‘"/>

前端:图片加载失败的处理方式

原文:http://www.cnblogs.com/inkyi/p/4831737.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!