微信小程序获取后台返回的二进制图片

news/2024/7/20 2:39:57 标签: 微信小程序, 小程序

获取后台返回的二进制图片需要先使用wx.request方法发起网络请求获取图片数据,然后将返回的数据用wx.arrayBufferToBase64方法进行转换,最后将转换后的数据绑定到图片的src属性即可。

参考代码如下

wx.request({
  url: 'https://example.com/image.jpg',
  responseType: 'arraybuffer',
  success(res) {
    const base64 = wx.arrayBufferToBase64(res.data);
    const imageUrl = 'data:image/jpeg;base64,' + base64;
    // 将imageUrl绑定到图片的src属性
  }
})

其中,url为后台返回的图片地址,responseType为返回的数据类型为二进制数组。在success回调函数中,使用wx.arrayBufferToBase64方法将二进制数组转换成base64编码的字符串,然后拼接成data URL格式的图片地址,最后将其绑定到图片的src属性即可。


http://www.niftyadmin.cn/n/324188.html

相关文章

微信最新版本解除【文件只读】

问题 某一天开始,微信自动升级到3.9版本,最大的改变就是接收到的文件是只读属性,网上目前有两个办法,1.降到3.8甚至更早版;2.将version.dll补丁文件复制到微信安装目录,但3.9.2版本就不能用了。 解决办法…

Java【网络原理1】什么是 TCP/IP 五层模型? 数据传输的封装和分用?

文章目录 前言一、网络协议分层二、数据的网络传输1, 封装2, 分用3, 实际情况 总结 前言 📕各位读者好, 我是小陈, 这是我的个人主页 📗小陈还在持续努力学习编程, 努力通过博客输出所学知识 📘如果本篇对你有帮助, 烦请点赞关注支持一波, 感…

【入土级】详解C++类对象(中篇)

目录 前言:类的6个默认成员函数 一, 构造函数 1. 概念 2. 特性 二, 析构函数 2.1 概念 2.2 特性 2.3 牛刀小试 三, 拷贝构造函数 3.1概念 3. 2 特点 四, 赋值运算符重载 4. 1 运算符重载 五&#xff0…

NC与单一窗口数据对接丨外贸软件

在国际贸易通关过程中,所涉及相关部门的信息管理,主要是以数字化流程系统为主,让每个部门业务的申请、办理、回复采用电子化和互联网化。由于每个环节部分的数据壁垒未打通,数据无法协同共享,导致在口岸通关的过程中&a…

网络突发环路,原来可以这么解决啊

大家好,我是老杨。 我相信,任何一个网工都遇到过网络环路,遇到这个情况,你的应对方法是什么? 我了解到大部分的初阶网工,最开始都只能用拔插网线和重启观测法来排除回路。 简单来说,就是先给…

打印相关属性设置

【示例】使用虚拟打印机 //选择Microsoft XPS Document Writer打印机 PrintDocument pd new PrintDocument(); pd.PrinterSettings .PrinterName "Microsoft XPS Document Writer"; 【示例】静默打印 //静默打印文档 PrintDocument pd new PrintDo…

基于ensp的mpls vpn跨域optionA方案(分公司之间不能互访但是能访问总部场景)

目录 一 实验拓扑 二 实验要求 三 实验分析 四 实验配置说明 4.1完成正常ip地址配置,ISP内部使用ospf协议和mpls ldp协议 4.2 PE和CE之间起ebgp邻居 4.3 PE和PE之间起mpbgp邻居 4.4 PE和CE、ASBR之间设置VRF来进行RT值的过滤,选择合适的RT值来完…

节卡率先冲刺科创板,协作机器人商业化正当时

日前,上交所新增受理节卡机器人股份有限公司科创板上市申请,该公司拟募集资金7.5亿元,国泰君安任保荐人。此前,节卡机器人共完成6轮融资,总融资额超14亿元。按照最后的一轮融资计算,公司引入软银愿景基金二…