报错

分析

说明了网络图片请求失败或者说不存在~

参考：说的则在img中添加onerror事件:

<img src="xxxxx" onerror="javascript:this.src='/image/xxx.png'">

如果线上的online.png不存在,则会自行使用本地的location.img;

注意事项1:

• onerror事件只适用于以下标签: < img>, < input type=“image”>, < object>, < script>, < style>;

注意事项2:

• img 使用 onerror 以后，如果 onerror 指定的图片也是不存在的话，会出现无限死循环 404;

解决方法：<img src="image.gif" οnerrοr="javascript:this.src='src/images/default.jpg';this.onerror = null ">

但是可惜，我按照以上的方法试了之后都没效果，然后做了一个很小的改动，生效了！

將图片的格式改为了 .png ，原来是 . jpg，很神奇~

个人猜测可能是浏览器的图片格式支持问题~