图片加载失败自动使用默认占位图的方法

加载图片 imgs/qrcode1.png 失败的时候，自动展示默认占位图 imgs/hot.png 。

方法1：使用伪元素

<style>
    .broken-img:before {
        content: "";
        display: inline-block;
        width: 75px;
        height: 42px;
        background: url('imgs/hot.png');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
</style>

<!--注意图片的alt要设置为空-->
<img src="imgs/qrcode1.png" class="broken-img" alt="">

方法2：使用onerror替换src

<!--注意onerror里面要清空onerror的句柄（this.onerror=null）-->
<img src="imgs/qrcode1.png" alt="qrcode" onerror="this.onerror=null;this.src='imgs/hot.png'" />