189 8069 5689

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

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

成都创新互联-专业网站定制、快速模板网站建设、高性价比交口网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式交口网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖交口地区。费用合理售后完善,十余年实体公司更值得信赖。

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事件


//alt属性的意思是在图片为加载成功时显示的文字

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


名称栏目:jquery中图片加载失败的解决方法
当前URL:http://cdxtjz.com/article/iiohgd.html

其他资讯