码迷,mamicode.com
首页 > Web开发 > 详细

js处理img标签加载图片失败,显示默认图片

时间:2019-03-23 13:09:20      阅读:436      评论:0      收藏:0      [点我收藏+]

标签:att   min   文件   EAP   http   写法   代码   and   成功   

1.第一种方法: 
如果已经引入了jquery插件,就很好办。没有的话,如果实在需要,可以附上代码:

    script(type=‘text/javascript‘, src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js")
    //这是jade文件的写法,可以自行转换为html



handle 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属性的意思是在图片为加载成功时显示的文字

 

js处理img标签加载图片失败,显示默认图片

标签:att   min   文件   EAP   http   写法   代码   and   成功   

原文地址:https://www.cnblogs.com/xiaoqi2018/p/10583414.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!