处理img标签加载图片失败,显示默认图片简单代码分享

v2-12ae715cfd5d4308753b8508e921f2ba_hd.jpg

        处理img标签加载图片失败,显示默认图片简单代码分享

        常规方法解决我们都知道,img标签支持onerror事件,在装载文档或图像的过程中如果发生了错误,就会触发onerror事件。可以使用一张提示错误的图片代替显示不了的图片。

        例如这样使用:

<img src="images/logo.png" onerror="javascript:this.src='images/logoError.png';">
        当图片不存在时,将触发 onerror,而onerror 中又为img 指定一个logoError.png 图片。也就是说图片存在则显示logo.png,图片不存在将显示 logoError.png。
        但是,注意哦,这里有个大坑哦,如果logoError.png 也不存在,则会继续触发 onerror,导致死循环,页面卡死。而且,就算图片存在,但网络很不通畅,也可能触发 onerror。
当然,解决办法是有的,代码如下:
<img src="images/logo.png" onerror="slnotimg();"/>
<script type="text/javascript">
function slnotimg() {
    var img = event.srcElement;
    img.src = "images/logoError.png";
    img.onerror = null; //解绑onerror事件
}
</script>



版权声明:除非注明,文章均为【卢杰个人博客】原创,欢迎转载!转载请注明本文地址,谢谢!

作者:卢杰个人博客

本人学识渊博,经验丰富,代码风骚,效率恐怖,C/C++、Java、php无不精通;熟练掌握各种框架,会DDOS一秒钟死一个站,会注入,会上传,会Xss,会破解,会嗅探,会开发,会业务,会运维,会渗透,调戏客服MM,无不精通,全面漏洞认识深刻,熟练掌握各种渗透理论,各种操作系统内核,一天只睡4小时,脾气好,不喷人,操作虎,意识强,渗透快,shell多,能过狗,能过盾,听指挥。千里之外取服务器首级,瞬息之间爆管理员,压安全狗如压草芥,电话通知出bug后,千里之外定位问题,瞬息之间修复上线。身体强壮,健步如飞可

返回列表
上一篇:
下一篇:

发表评论

快捷回复: