在微信小程序中访问图片出现403的解决办法

一、使用images.weserv.nl方案
  • 直接在原图链接前拼接https://images.weserv.nl/?url=
  • 例如:
https://images.weserv.nl/?url=https://www.baidu.com/img.jpg
二、使用no-referrer方案
  • 这种方案不仅针对图片的防盗链,还可以是其他标签
  • 在前端页面头部添加一个meta
<meta name="referrer" content="no-referrer" />
  • a标签的referrer
<a href="http://example.com" referrer="no-referrer|origin|unsafe-url">xxx</a>
  • img/image标签的referrer
<img referrer="no-referrer|origin|unsafe-url" src="{{item.src}}"/>
<image referrer="no-referrer|origin|unsafe-url" src="{{item.src}}"></image>
  • 如果我们是访问的gif图片,使用第一种方案是没有gif效果的,只能显示静态图片.这个时候推荐大家使用第二种.亲测可以完美展示gif效果.
  • 经过试验,不是多有gif网站都支持第二种方式,还是有些会失败.请大家自行试验.如果有更好的方法可以一起交流
  • 4
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值