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;
	}
相关推荐
lhldsg1 小时前
AI零售系统实战指南:从架构设计到落地部署全解析
java·人工智能·小程序·uni-app·零售
RisunJan1 天前
uni-app 面试知识点梳理
面试·职场和发展·uni-app
郑州光合科技余经理2 天前
本地生活服务系统:模块边界与结算字段怎么拆
java·开发语言·前端·后端·系统架构·uni-app·php
lhldsg3 天前
家校托管互通系统开发实战:从需求分析到部署全指南
小程序·uni-app·需求分析
paopaokaka_luck3 天前
基于springboot3+vue3+uniapp的河南非遗数字图谱小程序(协同过滤算法、数字图谱展示、ECharts 图形化分析)
java·前端·spring boot·学习·小程序·uni-app·echarts
宠友信息4 天前
社区类源码开发实践中的仿小红书系统技术要点分析
java·spring boot·redis·mysql·uni-app·vue·内容运营
郑州光合科技余经理4 天前
本地生活平台搭建:统一订单表与多后台切换怎么拆
java·开发语言·前端·系统架构·uni-app·php·ai编程
lhldsg4 天前
树洞交友系统开发实战:从匿名社交需求到技术落地
java·小程序·uni-app·交友
lhldsg5 天前
家政派单系统开发实战:从需求分析到智能调度全流程指南
java·junit·小程序·uni-app·需求分析