开发uni的H5项目记实--后端返回图片流（乱码）该怎么办

最新推荐文章于 2023-09-17 17:29:19 发布

勇敢奥巴

最新推荐文章于 2023-09-17 17:29:19 发布

阅读量1.1k

点赞数 1

分类专栏：开发笔记文章标签：前端

本文链接：https://blog.csdn.net/a1134503682/article/details/124808720

版权

开发笔记专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在做登录验证码的时候，后端生成的验证码，通过图片流发送给前端，用平时直接src="url"的方法行不通，项目中请求接口又是封装好了。避免其他接口出现问题，而且这个用到次数不多，干脆自己重新写一个请求

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(datas).reduce((datas, byte) => datas + String.fromCharCode(byte), ''));
            //微信小程序不支持btoa，所以可以用下面这个
			// this.imgUrl = 'data:image/png;base64,'+uni.arrayBufferToBase64(datas);
			},
		});

这个时候在通过src="imgUrl"就能将图片正常展示出来了