关于图片无法正常加载，JS解决办法合集

Posted 2020-10-12 乐得逍遥

问题场景：服务器图片丢失，导致页面上很多图片是无法正常加载的。

解决办法：

　　1.本地测试环境，图片使用本地数据　　

<img src="images/banner222.png" id="imgErr">　　//丢失的数据
<img src="images/banner.png" class="imgErr">　　//正常显示

　<script>

　　　　 $(document).ready(function () {

        $("#imgErr").error(function () {
            $(this).attr("src", "images/shihua.png");
        });
    });
</script>
本地测试OK，但是由于数据是由php直接在页面绑定的，如果数据量太大，或者网络不太好的情况下，可能会对这个方法造成影响

持续更新中。。。