jquery中图片加载失败怎么办
程序员文章站
2022-03-15 16:03:26
...
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中图片加载失败怎么办的详细内容,更多请关注其它相关文章!
推荐阅读
-
js查找某元素中的所有图片地址的方法_jquery
-
Android中替换WebView加载网页失败时的页面
-
jQuery中$.fn.load方法中url带空格导致不能正常加载页面
-
jQuery中$.fn.load方法中url带空格导致不能正常加载页面
-
IOS中Weex 加载 .xcassets 中的图片资源的实例详解
-
android中Glide实现加载图片保存至本地并加载回调监听
-
详解Android中Glide与CircleImageView加载圆形图片的问题
-
IOS中Weex 加载 .xcassets 中的图片资源的实例详解
-
android中Glide实现加载图片保存至本地并加载回调监听
-
详解Android中Glide与CircleImageView加载圆形图片的问题