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

Uniapp如何处理后端返回图片流验证码

登录验证码请求接口返回内容为乱码

在这里插入图片描述

处理代码

uni.request({
		url: '你请求的地址',
		method: 'POST',
		data:data,
		header:header,//请求头
		responseType: 'arraybuffer',//告诉服务器你希望得到的响应类型为arraybuffer(二进制数据)类型
		    success: res => {
			let result = res.data;
            //imgUrl就是我们所需要的数据
			this.imgUrl = 'data:image/png;base64,' + btoa(new Uint8Array(result ).reduce((datas, byte) => datas + String.fromCharCode(byte), ''));
            //微信小程序不支持btoa,所以可以用下面这个
			// this.imgUrl = 'data:image/png;base64,'+uni.arrayBufferToBase64(result );
			},
		});

设置好后:

在这里插入图片描述
在这里插入图片描述

注意:responseType: ‘arraybuffer’ 一定要设置成 arraybuffer

不懂 responseType: ‘arraybuffer’ 的看这里

https://blog.csdn.net/Selina_lxh/article/details/129732500


http://www.kler.cn/a/370429.html

相关文章:

  • YOLOv11在目标检测中的应用及其与PaddleDetection的对比
  • XXE 漏洞
  • CentOS系统安全配置详解:打造安全可靠的服务器防护
  • 006:无人机气象学知识
  • vue3中ref和reactive的用法,区别和优缺点,以及使用场景
  • vivo 轩辕文件系统:AI 计算平台存储性能优化实践
  • Pandas数据结构之Series对象
  • 【Unity踩坑】UWP应用未通过Windows应用认证:API不支持
  • AMQP + mysql + REST API 分布式系统和微服务架构
  • SSL/TLS 密码套件漏洞分析以及修复方法
  • 三防加固工业平板国产化的现状与展望
  • docker 安装postgres,nodejs连接pg
  • 在aws loadbalancer中配置http协议版本
  • BOOT_KEY按键(学习笔记)
  • 玩一玩MySQL服务器配置与管理的游戏(日志快乐版
  • LeetCode6题:Z字形变换(原创)
  • 传统数据仓库升级版:云数据仓库!
  • 传输线临界长度
  • 独立使用 APO 日志模块替代ELK实现日志监控功能
  • Vue学习笔记(八)