uniapp图片数据流���� JFIF ��C 转化base64

1,后端返回的是图片数据流,格式如下

���� JFIF ��C 如何把这样的文件流转化为base64,
btoa 是浏览器提供的函数,但在 小程序 环境中(如微信小程序、支付宝小程序),btoa 不可用。你需要手动编写 Base64 编码逻辑或者使用第三方库

2,uniapp调用接口

javascript 复制代码
export  async function getImgFn(objectKey,md5){
		const res =await uni.request({
	            url:ip地址,
				header: {
					  'VerificationToken': 12,   //请求头根据你的要求传,我这里没有要求
				},
	            method: "GET",
				responseType: 'arraybuffer', 
            });
			let base64img='data:image/jpeg;base64,' + base64Encode(res.data)  //手动写一个base64Encode方法
		 return base64img;
 }

3,手动写一个base64Encode数据流转base64方法

javascript 复制代码
function base64Encode(buffer) {
			    const base64Chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
			    let binary = '';
			    const bytes = new Uint8Array(buffer);
			    const len = bytes.byteLength;
			
			    for (let i = 0; i < len; i++) {
			        binary += String.fromCharCode(bytes[i]);
			    }
			
			    let base64 = '';
			    let padding = '';
			    let remainder = binary.length % 3;
			
			    if (remainder > 0) {
			        for (let i = 0; i < 3 - remainder; i++) {
			            padding += '=';
			            binary += '\0';
			        }
			    }
			
			    for (let i = 0; i < binary.length; i += 3) {
			        const n = (binary.charCodeAt(i) << 16) |
			                  (binary.charCodeAt(i + 1) << 8) |
			                  binary.charCodeAt(i + 2);
			
			        base64 += base64Chars[(n >> 18) & 63] +
			                  base64Chars[(n >> 12) & 63] +
			                  base64Chars[(n >> 6) & 63] +
			                  base64Chars[n & 63];
			    }
			
			    return base64.substring(0, base64.length - padding.length) + padding;
	}
相关推荐
浮桥1 小时前
uniapp -- 实现微信小程序、app、H5端视频上传
微信小程序·uni-app·音视频
山河故人1638 小时前
基于 SSE 和分块传输的 Uniapp 微信小程序 实现 流式传输 对话
微信小程序·小程序·uni-app
不老刘10 小时前
Uni-app网络请求AES加密解密实现
网络·uni-app
洪洪呀10 小时前
uni-app vue3 实现72小时倒计时功能
vue.js·uni-app
王哈哈的学习笔记1 天前
uniapp小程序使用echarts
前端·小程序·uni-app
yrldjsbk1 天前
uniapp小程序开发入门01-快速搭建一个空白的项目并预览它
uni-app
JavaDog程序狗1 天前
【实操】uniapp纯前端搞个识别植物花草小程序
前端·vue.js·uni-app
七七小报1 天前
uniapp-商城-42-shop 后台管理 分包
前端·uni-app
七七小报1 天前
uniapp-商城-40-shop 购物车 选好了 进行订单确认4 配送方式3 地址编辑
uni-app
xuanjiong1 天前
微信小程序,基于uni-app的轮播图制作,调用文件中图片
微信小程序·小程序·uni-app