关于小程序图片预览image请求中增加验证token的问题

小程序在image标签内直接在src中填写上图片的网络地址,是无法添加头部信息的。这样对于我们保密的图片需要验证头部的token信息,是没有增加的。问题如下图:

关于小程序图片预览image请求中增加验证token的问题

这是将网络地址直接写到了src中的情况,401授权问题

官网也没有提出这个问题怎么解决,自行考虑

既然我们没法直接添加头部授权信息,那么我们就按照正常的请求去请求这个图片地址,看看结果

注意此时请求从img变成了xhr

记得在正常请求中添加头部信息,这里wx.request中header的写法详见官网,不再赘述

关于小程序图片预览image请求中增加验证token的问题

看请求已经是200表示正常了,但是结果是二进制文件,不能够直接放到图片的路径中,如下图

关于小程序图片预览image请求中增加验证token的问题

怎么办呢,既然如此,那么我们就把这个地址使用wx.downloadFile这个api去缓存到本地,生成一个临时地址,用这个临时地址来展示
关于小程序图片预览image请求中增加验证token的问题

关于小程序图片预览image请求中增加验证token的问题

在成功的函数中向图片地址赋值

关于小程序图片预览image请求中增加验证token的问题

即可展示,因为是身份证照图片,所有马赛克了,望见谅。

此种流程即可。