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

说明

由于请求接口后端返回的图片格式不是一个完整的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调用返回的二维码生成图片模板

相关推荐
Ares_xb5 分钟前
推广一下自己刚撸的 IDEA 插件—Bean Copy 助手
java·ide·intellij-idea
郑重其事,鹏程万里9 分钟前
commons-digester3(XML解析框架)
xml·java
货拉拉技术34 分钟前
网关 MCP 转换技术:从实现到平台落地
java·架构·mcp
艾菜籽34 分钟前
SpringMVC练习:加法计算器与登录
java·spring boot·spring·mvc
LawsonJin1 小时前
springboot实现微信小程序支付(服务商和普通商户模式)
spring boot·后端·微信小程序
浮游本尊1 小时前
Java学习第25天 - Spring Cloud Alibaba微服务生态
java
Cg136269159741 小时前
Super的详解
java
毕设源码-朱学姐1 小时前
【开题答辩全过程】以 便利店库存管理系统为例,包含答辩的问题和答案
java·eclipse
2501_915909061 小时前
iOS App 上架全流程详解:证书配置、打包上传、审核技巧与跨平台上架工具 开心上架 实践
android·ios·小程序·https·uni-app·iphone·webview
Nero182 小时前
代码随想录二刷第九天 | 232.用栈实现队列、225. 用队列实现栈、20. 有效的括号、1047. 删除字符串中的所有相邻重复项
java