【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 ">

但是可惜,我按照以上的方法试了之后都没效果,然后做了一个很小的改动,生效了!
在这里插入图片描述
將图片的格式改为了 .png ,原来是 . jpg,很神奇~

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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

骑着蜗牛ひ追导弹'

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值