微信小程序将后端返回的图片文件流解析显示导页面

说明

由于请求接口后端返回的图片格式不是一个完整的url,也不是其他直接能显示的图片格式,是一张图片

后端根据模板与二维码生成图片,返回二进制数据

返回为文件流的格式,用wx.request请求的时候,就自动解码成为了下面这样的数据数据格式,这样的数据没有办法直接赋值给url去显示。

.

数据处理

复制代码
 getUserBanner() {
        let that = this
        wx.request({
          url: 'http://localhost:9080/test/addBanner',//后台地址
          method: 'GET',
          responseType: 'arraybuffer', //切换流返回类型
          data: {},
          success: (res) => {
            console.log("返回数据"+res.data) 
            if (res.data) {
                that.setData({
                userBanner : 'data:image/png;base64,' + wx.arrayBufferToBase64(res.data)  //赋值
              })
             
            } 
          }
        })
      },

1、设置 responseType: 'arraybuffer',将数据转为类似二进制数组的格式

2、 let url ='data:image/png;base64,'+wx.arrayBufferToBase64(res.data)

后端返回数据,根据rpc调用返回的二维码生成图片模板

相关推荐
YuTaoShao1 小时前
【LeetCode 热题 100】56. 合并区间——排序+遍历
java·算法·leetcode·职场和发展
程序员张31 小时前
SpringBoot计时一次请求耗时
java·spring boot·后端
llwszx4 小时前
深入理解Java锁原理(一):偏向锁的设计原理与性能优化
java·spring··偏向锁
云泽野5 小时前
【Java|集合类】list遍历的6种方式
java·python·list
二进制person5 小时前
Java SE--方法的使用
java·开发语言·算法
小阳拱白菜6 小时前
java异常学习
java
racerun7 小时前
小程序导航设置更多内容的实现方法
小程序
说私域7 小时前
基于开源AI智能名片链动2+1模式S2B2C商城小程序的超级文化符号构建路径研究
人工智能·小程序·开源
FrankYoou7 小时前
Jenkins 与 GitLab CI/CD 的核心对比
java·docker
mg6687 小时前
微信小程序入门实例_____快速搭建一个快递查询小程序
微信小程序·小程序