前端将后端数据流转为图片(微信小程序)

MMQFQ

已于 2022-12-12 14:31:22 修改

阅读量1.5k

点赞数

文章标签：前端微信小程序小程序

于 2022-12-12 14:09:34 首次发布

本文链接：https://blog.csdn.net/MMQFQ/article/details/128286071

版权

本文介绍了如何在微信小程序中处理后端返回的数据流，将其转换为图片。关键点在于设置请求responseType为arraybuffer，并且由于小程序不支持btoa()函数，需要使用替代方法base64_encode来完成Base64编码。

摘要由CSDN通过智能技术生成

获取后端流的请求responseType必须使用arraybuffer

将后端数据刘转换为base64再转换为本地图片

html与data

//  

 <van-image width="460rpx" height="460rpx" src="{
  {codeImg}}" />


//
data={
  codeImg: '',
}

简单版

async getImage(codeUrl) {
       
        let res = await wepy.request({
            url: 'url',
            method: 'POST',
            data: {
               data,
            },
            header: {
                'Content-Type': 'application/json;charset=UTF-8',
                Authorization: sessionToken,
            },
            responseType: 'arraybuffer',
        });
      
            if (res) {
                var binary = '';
                var bytes = new Uint8Array(res);
                for (var len = bytes.byteLength, i = 0; i < len; i++) {
                    binary += String.f