jquery中图片加载失败怎么办

互联网 20-11-27

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

本教程操作环境:windows7系统、jquery3.2.1版,该方法适用于所有品牌电脑。

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

相关免费学习推荐:javascript(视频)

以上就是jquery中图片加载失败怎么办的详细内容,更多内容请关注技术你好其它相关文章!

来源链接:
免责声明:
1.资讯内容不构成投资建议,投资者应独立决策并自行承担风险
2.本文版权归属原作所有,仅代表作者本人观点,不代表本站的观点或立场
上一篇:php获取远程图片并下载保存到本地的方法分析 下一篇:如何判断jquery对象是input还是select

相关资讯