uniapp做H5项目渲染后端接口返回的图片流

最新推荐文章于 2023-06-30 22:23:43 发布

青木_minato

最新推荐文章于 2023-06-30 22:23:43 发布

阅读量2.7k

点赞数 4

分类专栏： uniapp相关渲染图片流数据文章标签： uni-app

本文链接：https://blog.csdn.net/weixin_43926731/article/details/121017226

版权

这篇文章适用于uniapp做的H5项目，不适用于小程序。

今天接到个需求，是登录页面获取验证码，调后端接口之后得到的是一个图片流信息，要渲染到前端。
在这里插入图片描述

如图可以看到返回的是一张图片，我们控制台打印response可以看到是一串乱码，
在这里插入图片描述
因为请求接口是项目封装好的请求方式，这个地方就不适用了，得重新写一套请求。如下

let url = 'XXXXXXXXXXXXX';  // 获取图形验证码接口地址
uni.request({
		url: url,
		method: 'GET',
		responseType: 'arraybuffer',
		success: res => {
			let datas = res.data;
			this.codeUrl =

最低0.47元/天解锁文章

青木_minato

关注

4
点赞
踩
10

收藏

觉得还不错? 一键收藏
3
评论
uniapp做H5项目渲染后端接口返回的图片流

uniapp渲染后端接口返回的图片流今天接到个需求，是登录页面获取验证码，调后端接口之后得到的是一个图片流信息，要渲染到前端。如图可以看到返回的是一张图片，我们控制台打印response可以看到是一串乱码，因为请求接口是项目封装好的请求方式，这个地方就不适用了，得重新写一套请求。如下let url = 'XXXXXXXXXXXXX'; // 获取图形验证码接口地址uni.request({ url: url, method: 'GET', responseType: 'array
复制链接

扫一扫