img图片不存在时就显示默认图片

在项目中，我们使用img标签加载图片，有时候图片地址有可能失效，获取路径问题，导致图片加载失败，img标签就会显示alt内容。这时候用户体验不是很好，所以就需要显示一张默认图片。

第一种方式：使用jquery_lazyload插件实现图片懒加载。只需要在src中写上默认图片地址即可。

<img src="/static/images/dlb.jpg" data-original="{{ item.get('CoverUrl') }}" alt="{{item.get('Name')}}" rel="nofollow">

第二种方式：在img标签上写 onerror 方法。

<img src="http://pic0.iqiyipic.com/image/20180619/0f/da/v_114905674_m_601_m6_180_236.jpg" height="380px" width="200px" onerror="this.src='https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3601918856,355652494&fm=26&gp=0.jpg'">

第三种方式：在js中写（只要当前页面img标签图片加载出错，就会给赋值默认图片地址）

$('.img').each(function () {
    if (!this.complete || typeof this.naturalWidth === "undefined" || this.naturalWidth === 0) {
        this.src = "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3601918856,355652494&fm=26&gp=0.jpg";
    }
});