关于小程序图片预览image请求中增加验证token的问题
小程序在image标签内直接在src中填写上图片的网络地址,是无法添加头部信息的。这样对于我们保密的图片需要验证头部的token信息,是没有增加的。问题如下图:
这是将网络地址直接写到了src中的情况,401授权问题
官网也没有提出这个问题怎么解决,自行考虑
既然我们没法直接添加头部授权信息,那么我们就按照正常的请求去请求这个图片地址,看看结果
注意此时请求从img变成了xhr
记得在正常请求中添加头部信息,这里wx.request中header的写法详见官网,不再赘述
看请求已经是200表示正常了,但是结果是二进制文件,不能够直接放到图片的路径中,如下图
怎么办呢,既然如此,那么我们就把这个地址使用wx.downloadFile这个api去缓存到本地,生成一个临时地址,用这个临时地址来展示
在成功的函数中向图片地址赋值
即可展示,因为是身份证照图片,所有马赛克了,望见谅。
此种流程即可。