报错

【Spring Boot】前端JS请求网络图片报错GET https://xxx.png 404 (Not Found)的解决办法_网络图片


分析

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

参考:说的则在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 ">

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

【Spring Boot】前端JS请求网络图片报错GET https://xxx.png 404 (Not Found)的解决办法_图片格式_02


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

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