jquery中图片加载失败的解决方法-创新互联

小编给大家分享一下jquery中图片加载失败的解决方法，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

成都创新互联公司是一家专注于网站制作、成都网站建设与策划设计,江陵网站建设哪家好?成都创新互联公司做网站,专注于网站建设十余年,网设计领域的专业建站公司;建站业务涵盖:江陵等地区。江陵做网站价格咨询:18980820575

jquery中图片加载失败的解决办法：1、引入jquery插件，代码为【$(this).attr('src', "default.jpg(默认图片的url地址)")】；2、使用img的onerror事件。

jquery中图片加载失败的解决办法：

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

以上是“jquery中图片加载失败的解决方法”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

本文题目：jquery中图片加载失败的解决方法-创新互联
本文网址：https://www.cdcxhl.com/article2/dhjdic.html

成都网站建设公司_创新互联，为您提供自适应网站、网站内链、定制开发、软件开发、品牌网站设计、动态网站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联