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;
	}
相关推荐
不爱说话郭德纲36 分钟前
uni-app x iOS 扫码模糊怎么办?AVFoundation 灰尘级别摄像头助你超广角聚焦
前端·uni-app·app
CHB16 小时前
uni-app x 蒸汽模式 性能测试基准报告 Benchmark【Android版】
android·ios·uni-app
游戏开发爱好者83 天前
系统状态:专为iPhone和iPad设计的实时系统性能监控工具全面介绍
android·ios·小程序·uni-app·iphone·webview·ipad
2501_915909063 天前
全面解析iOS应用上架到App Store的完整流程与关键注意事项
android·macos·ios·小程序·uni-app·cocoa·iphone
2501_915106323 天前
iOS 证书类型及作用说明 账号证书与签名配置的完整解读
android·ios·小程序·https·uni-app·iphone·webview
2501_916008894 天前
移动安全之 APP 加固,保障移动应用安全的重要手段
安全·macos·ios·小程序·uni-app·iphone·xcode
2501_915106324 天前
Python爬虫从零开始:七天掌握HTTP协议、数据解析与反爬策略
android·ios·小程序·https·uni-app·iphone·webview
90后的晨仔4 天前
uni-app 项目目录结构全解:每个文件、每个文件夹的作用与配置详解
vue.js·uni-app
爱看老照片4 天前
关于uniapp中单位rpx的注意点
uni-app·rpx
郑州光合科技余经理4 天前
代驾系统架构拆解:订单链路、权限组织与私有化源码交付
开发语言·后端·算法·架构·系统架构·uni-app·php