报错
分析
说明了网络图片请求失败或者说不存在~
参考:说的则在img中添加onerror事件:
如果线上的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,很神奇~
个人猜测可能是浏览器的图片格式支持问题~