收藏
回答

网络图片微信小程序开发能显示,真机调试不显示,怎么解决?

图片是网络图片,地址为:http://111.21.214.35/upload/1007/10070010002/0001.jpg,用浏览器打开是乱码,下载后能正常看。在小程序开发工具中无问题,在真机调试时不显示,能解决吗?请高手指点

乱码图如下:

代码片段:https://developers.weixin.qq.com/s/TM5Tqoml7SxH

最后一次编辑于  2022-02-27
回答关注问题邀请回答
收藏

1 个回答

  • 海天
    海天
    2022-02-28

    此为解决图片防盗链

    二种方法解决:

    1、把图片路径直接传进去,替换一下原来url的http/https.或者直接在图片url前加上https://images.weserv.nl/?url=

    如:

    https://images.weserv.nl/?url=https://xxx.com/name.jpg 
    

    2、<cover-image>控件,属性referrer-policy="origin"

    如: <cover-image style="width:100vw;height:50vw;referrer-policy="originsrc="http://111.21.214.35/upload/1007/10070010002/0001.jpg"/>

    缺点:速度慢

    2022-02-28
    有用
    回复
登录 后发表内容