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

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

处理代码

bash 复制代码
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

相关推荐
小威编程18 分钟前
uni-app应用级生命周期和页面级生命周期
前端·vue.js·uni-app
江-月*夜21 分钟前
uniapp vuex 搭建
android·javascript·uni-app
圈圈的熊22 分钟前
uniapp 使用 websocket
uni-app
计算机学姐5 小时前
基于uniapp微信小程序的旅游系统
vue.js·spring boot·mysql·算法·微信小程序·uni-app·旅游
计算机学姐5 小时前
基于uniapp微信小程序的宠物救助宠物领养系统
vue.js·spring boot·mysql·微信小程序·小程序·uni-app·宠物
大牛哥哥6 小时前
uni-app @click.stop @click.stop.native均不生效
javascript·vue.js·uni-app
赵锦川6 小时前
微信小程序 uniapp 腾讯地图的调用
微信小程序·小程序·uni-app
计算机学姐6 小时前
基于uniapp微信小程序的校园二手书交易系统
java·vue.js·spring boot·mysql·微信小程序·java-ee·uni-app
我有一个object14 小时前
uniapp的IOS证书申请(测试和正式环境)及UDID配置流程
javascript·ios·uni-app·vue