jquery中图片加载失败怎么办-木庄网络博客

2022-02-26 19:29:35 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者coldplay.xixi，侵删。

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地址)");
         });