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

说明

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

相关推荐
不吃洋葱.17 分钟前
Bean.
java·开发语言
送秋三十五23 分钟前
spring源码分析————ListableBeanFactory
java·后端·spring
努力也学不会java29 分钟前
【设计模式】状态模式
java·设计模式·状态模式
.豆鲨包30 分钟前
【设计模式】单例模式
java·单例模式·设计模式
邂逅星河浪漫43 分钟前
【Docker+Nginx+Ollama】前后端分离式项目部署(传统打包方式)
java·nginx·docker·部署
IAtlantiscsdn1 小时前
Redis Stack扩展功能
java·数据库·redis
yunmi_1 小时前
2024版 IDEA 用 Maven 创建 java 项目(+Maven 安装和配置)
java·maven
float_六七1 小时前
Spring事务注解@Transactional核心机制详解
java·后端·spring
渣哥1 小时前
Java 线程安全详解:定义、常见问题与解决方案
java
没有bug.的程序员1 小时前
Redis 大 Key 与热 Key:生产环境的风险与解决方案
java·数据库·redis·缓存·热key·大key