小程序展示图形验证码,处理流形式

151 阅读1分钟

单独访问图片链接是文件流的形式

因此我们需要请求这个url,将文件流转成base64文件

wx.request({
    url: res.data.qrcode, //获取图片的URL
    method: "get",
    **responseType: 'arraybuffer'**, //ArrayBuffer涉及面比较广,我的理解是ArrayBuffer代表内存之中的一段二进制数据,一旦生成不能再改。可以通过视图(TypedArray和DataView)进行操作。
    success: (res) => {
         let url = 'data:image/png;base64,' + wx.arrayBufferToBase64(res.data)
         this.setData({
              codeImg:url
         })
    },
    fail(res) {

    }
})

wxml里面赋值就好了:

 <image src="{{codeImg}}"></image>