uniapp H5项目 获取接口的二进制流转化成图片url(base64)

embedded/2024/9/25 21:28:23/

如果你使用的是uniapp,
并且你从接口获取下来的数据长这样:

在这里插入图片描述
想要把取到的数据展示成图片,那么你可以这样做:

    // 这是我们的项目封装的请求方法const res = await this.$api.getKaptcha({originResponse: true, // 这样写是为了在request那边特殊处理,目的是为了获取header里的数据 如果你不需要可以不写responseType: 'arraybuffer', // 这里一定要写 这样才能把数据转成arrayBuffer格式的params: { type: '1' } // 这里是我们的接口需要的参数})const { header, data } = res this.key= header.captchakey // 验证码key  // 这里是我们项目这里需要从接口获取的额外数据this.codeUrl = 'data:image/jpeg;base64,' + uni.arrayBufferToBase64(data) // 获取到url
// 图片展示<uv-image:src="codeUrl"width="100"height="32"></uv-image>

http://www.ppmy.cn/embedded/5077.html

相关文章

spring webflux 小结

一、WebFlux 简介 WebFlux 是 Spring Framework5.0 中引入的一种新的反应式Web框架。通过Reactor项目实现Reactive Streams规范&#xff0c;完全异步和非阻塞框架。本身不会加快程序执行速度&#xff0c;但在高并发情况下借助异步IO能够以少量而稳定的线程处理更高的吞吐&…

《魔兽世界》本人收集的二十六个单机版游戏,内有视频架设教程,非常详细,云盘下载

《魔兽世界》&#xff08;World of Warcraft&#xff09;属于大型多人在线角色扮演游戏。 《魔兽世界》本人收集的二十六个单机版游戏&#xff0c;内有视频架设教程&#xff0c;非常详细 下载地址&#xff1a; 链接&#xff1a;https://pan.baidu.com/s/1zu7lUNupkPnLPVYHM4jL5…

11篇 Es集群环境安装的步骤

搭建Elasticsearch&#xff08;ES&#xff09;集群环境是一个涉及多个步骤的过程&#xff0c;需要仔细规划和配置。以下是搭建ES集群的一般步骤和要点&#xff1a; 1. **规划集群规模和角色分配**&#xff1a; - 确定集群的规模&#xff0c;包括节点数量和预期的数据量。 …

Python爬虫:urllib库的基本使用

文章目录 一、urllib简介二、请求的发送和响应&#xff08;一&#xff09;发送请求&#xff08;二&#xff09;获取相应内容&#xff08;三&#xff09;下载所需文件 三、URL请求对象的定制四、常见请求方式&#xff08;一&#xff09;get请求方式&#xff08;二&#xff09;po…

设计模式---模板方法模式

一、介绍 所谓模板方法模式&#xff0c;就是提供一种方法的模板来实现一种规范&#xff0c;其他人可以利用这个模板定义自己的逻辑。 在Java编程中的应用&#xff0c;主要就是通过接口或者抽象类来实现的&#xff0c;抽象类中可以把逻辑函数声明为final类型&#xff0c;表示不能…

通快霍廷格TruPlasma RF 7007 – 7020电源使用说明手侧

通快霍廷格TruPlasma RF 7007 – 7020电源使用说明手侧

蓝桥杯刷题-数星星

1265. 数星星 - AcWing题库 /* 题目中的y是递增&#xff0c;不影响 */ /* 直接看作一维数组的更新维护 */ /* 将数据二进制化&#xff0c;拿最低位的1 */ /* 转化为线段树的解法才是核心 */ /* 思想是前缀和 */ #include <bits/stdc.h>using namespace std;const int N …

MySQL数据库外键约束打开与关闭 ️

MySQL数据库外键约束打开与关闭 &#x1f6e0;️ MySQL数据库外键约束打开与关闭 &#x1f6e0;️摘要 &#x1f4dd;引言 &#x1f680;正文内容&#xff08;详细介绍&#xff09; &#x1f4a1;关闭外键约束检查外键约束检查关闭的作用风险与最佳实践建议 &#x1f914; QA环…