uni-app使用uni.request获取的文件流图片转base64数据

网站开发中对于后端请求数据是必不可少的一个操作,而后端反馈的数据格式大致分为字符串、json、文件流等。

对于后端反馈的文件流格式图片,在前端开发中有时并不能被直接使用。这个时候就需要将文件流图片先转换base64格式的图片数据,再来进行展示效果。

本文就该问题,获取后端的文件流图片转换成base64格式图片详细代码。

一、数据请求完整代码:
uni.request({
url: '',
data: {},
header: {},
responseType: 'arraybuffer',
success: (res) => {
const base64 = "data:image/png;base64,"+uni.arrayBufferToBase64(res.data)
console.log(base64)
}
});
二、参数解析

    2.1、responseType:设置响应的数据类型为arraybuffer。

    2.2、uni.arrayBufferToBase64将ArrayBuffer对象转成 Base64 字符串

注:uni.arrayBufferToBase64支持平台分别为App、H5、微信小程序、快手小程序、京东小程序
代码逻辑基础说明:使用uni.request获取服务端反馈的文件流数据(注这里的responseType必须设置为arraybuffer),使用uni.arrayBufferToBase64将获取的文件流转换成base64数据。
转换后的base64数据需要拼接文件头:data:image/png;base64,


六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!