当前位置: 首页 > news >正文

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

说明

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

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

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

 .

获取数据并处理

 getUserBanner() {let that = thiswx.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调用返回的二维码生成图片模板

相关文章:

  • 【Qt之QMetaType】使用
  • 刷题笔记day16-二叉树的深度
  • 11-08 周三 图解机器学习之实现逻辑异或,理解输出层误差和隐藏层误差项和动量因子
  • 使用LogBack替换Log4j
  • HarmonyOS开发:回调实现网络的拦截
  • Kotlin与Java写法的变更
  • 搭建自己的MQTT服务器,实现设备上云(Ubuntu+EMQX)
  • 合肥工业大学数据库实验报告
  • Ripro-V5 6.4最新版 不限域名无限搭建(授权激活文件)
  • springboot引入外部jar,package打包报错找不到程序包XXX
  • MySQL的表格去重,史上最简便的算法,一看就会
  • 汽车标定技术(六)--基于模型开发如何生成完整的A2L文件(2)
  • 11.8知识总结(web应用程序、手写web框架、Django框架等)
  • 2023.11.09 homework
  • 2. Spark报错,Task is Failed,errorMsg: FileNotFoundException xxxx
  • 002-读书笔记-JavaScript高级程序设计 在HTML中使用JavaScript
  • eclipse的离线汉化
  • HTTP 简介
  • java B2B2C 源码多租户电子商城系统-Kafka基本使用介绍
  • JavaScript对象详解
  • java正则表式的使用
  • Js基础知识(一) - 变量
  • KMP算法及优化
  • node-glob通配符
  • PHP CLI应用的调试原理
  • 百度地图API标注+时间轴组件
  • 对超线程几个不同角度的解释
  • 翻译--Thinking in React
  • 配置 PM2 实现代码自动发布
  • 如何打造100亿SDK累计覆盖量的大数据系统
  • 世界编程语言排行榜2008年06月(ActionScript 挺进20强)
  • 一个普通的 5 年iOS开发者的自我总结,以及5年开发经历和感想!
  • - 语言经验 - 《c++的高性能内存管理库tcmalloc和jemalloc》
  • ​MPV,汽车产品里一个特殊品类的进化过程
  • #HarmonyOS:基础语法
  • #NOIP 2014# day.1 T3 飞扬的小鸟 bird
  • #在 README.md 中生成项目目录结构
  • (附源码)springboot社区居家养老互助服务管理平台 毕业设计 062027
  • (附源码)ssm考试题库管理系统 毕业设计 069043
  • (论文阅读11/100)Fast R-CNN
  • (实战篇)如何缓存数据
  • *++p:p先自+,然后*p,最终为3 ++*p:先*p,即arr[0]=1,然后再++,最终为2 *p++:值为arr[0],即1,该语句执行完毕后,p指向arr[1]
  • .net/c# memcached 获取所有缓存键(keys)
  • .NET与 java通用的3DES加密解密方法
  • [ C++ ] STL_list 使用及其模拟实现
  • [<事务专题>]
  • [1181]linux两台服务器之间传输文件和文件夹
  • [2010-8-30]
  • [20171101]rman to destination.txt
  • [383] 赎金信 js
  • [BZOJ 3282] Tree 【LCT】
  • [BZOJ3757] 苹果树
  • [C++]AVL树怎么转
  • [C++]命名空间等——喵喵要吃C嘎嘎
  • [Docker]十二.Docker consul集群搭建、微服务部署,Consul集群+Swarm集群部署微服务实战