当前位置: 首页 > news >正文

鸿蒙NEXT开发笔记(十二)仿微信聊天App的图片转BASE64串

上一节我们利用photoAccessHelper实现了从相册挑选图片的功能,但是SocketIO不支持传输二进制数据,只允许传输文本字符串,那么得想办法把图片数据转成字符串才行。
由于图片数据转字符串的操作要求可逆,也就是图片转成字符串之后,还能把字符串恢复成原图片,因此这种转换必须是无损操作。基于以上考虑,可把图片内容的二进制数据通过BASE64算法重新编码成十六进制的字符串,对应的反向操作就是,把十六进制的BASE64字符串解码成为二进制的图片数据。
对于鸿蒙App来说,图片文件转BASE64串的具体过程包含以下四个步骤。

一、获取图片文件的文件描述符

操作图片文件之前,要先打开该文件,为此需引入文件处理库fileIo,也就是在ETS代码开头添加下面的导包语句:

import { fileIo } from '@kit.CoreFileKit';

接着调用fileIo.openSync方法打开指定路径的图片文件,该方法返回一个File类型的文件对象,File对象里面的fd字段即为文件描述符。具体的文件打开代码如下:

let fileName = this.imagePath.toString().split('/').pop() as string
let suffix = (fileName.split('.').pop() as string).toLowerCase()
let fileFormat = suffix=='png' ? 'image/png' : 'image/jpeg'
let file = fileIo.openSync(this.imagePath, fileIo.OpenMode.READ_ONLY);
console.info(`fileName: ${fileName}, format:${fileFormat}, fileFd: ${file.fd}`);

二、把图片文件转换为像素图PixelMap

图片文件与像素图的互转属于图像处理操作,需要引入专门的图像库image,也就是在ETS代码开头添加下面的导包语句:

import { image } from '@kit.ImageKit';

接着调用image.createImageSource方法,从指定的文件描述符中获取ImageSource类型的图像来源对象。再调用ImageSource对象的createPixelMap方法,通过异步方式获得对应的PixelMap像素图数据。具体的像素图获取代码如下:

let imageSource = image.createImageSource(file.fd);
imageSource.createPixelMap().then((pixelMap) => {// 这里暂时省略对像素图pixelMap的处理操作
}).catch((err: BusinessError) => {console.error('createPixelMap failed with err: ' + JSON.stringify(err));
});

三、把像素图对象转换为二进制数据

把像素图转换为二进制的过程,需要引入专门的缓存库buffer,也就是在ETS代码开头添加下面的导包语句:

import { buffer } from '@kit.ArkTS';

接着结合imageku和buffer库把像素图转成二进制数据,详细的转换步骤说明如下:
1、先调用image.createImagePacker方法,获得ImagePacker类型的图像打包器对象;
2、再调用ImagePacker对象的packing方法,通过异步方式从指定的像素图中获取ArrayBuffer数组缓存;
3、然后调用buffer.from方法,从ArrayBuffer缓存中获得二进制数据,其数据类型为buffer.Buffer。
详细的二进制数据转换代码如下:

const imagePackerApi: image.ImagePacker = image.createImagePacker();
let packOpts: image.PackingOption = { format: 'image/jpeg', quality: 100 };
imagePackerApi.packing(pixelMap, packOpts).then((data: ArrayBuffer) => {let buf: buffer.Buffer = buffer.from(data);let count = Math.floor(buf.length/this.blockSize) + 1;console.info(`sendImage length=${buf.length}, count=${count}`);// 这里暂时省略对二进制数据的BASE64编码操作
}).catch((err: BusinessError) => {console.error('packing failed with err: ' + JSON.stringify(err));
});

四、把二进制数据编码成BASE64字符串

调用buffer.Buffer的toString方法,字符编码参数填base64,即可将二进制数据转换成BASE64格式的字符串。具体的转换代码如下:

let encodeData = buf.toString('base64');

经过上述几个步骤的转换处理过程,总算把图片文件转成了BASE64字符串,才能把图片数据以BASE64串的形式发送给SocketIO服务器。
下一篇文章会介绍如何把BASE64字符串转换为像素图。


http://www.mrgr.cn/news/68202.html

相关文章:

  • day05(单片机)SPI+数码管
  • Uniapp去除顶部导航栏-小程序、H5、APP适用
  • [第一章 web入门]afr_2
  • 基于YOLO11/v10/v8/v5深度学习的维修工具检测识别系统设计与实现【python源码+Pyqt5界面+数据集+训练代码】
  • 工商业储能有什么作用?捷顺工商业储能系统怎么样
  • Java学习路线:Maven(二)scope、optional和exclusions
  • Nginx 配置文件详解
  • 【最高分数与最低分数 】
  • 理解Web登录机制:会话管理与跟踪技术解析(三)-过滤器Filter
  • 【系统设计】数据库压缩技术详解:从基础到实践(附Redis内存优化实战案例)
  • 软件测试基础十四(python 类与对象)
  • 问:SpringFramwork都有哪些模块?
  • 论文1—《基于卷积神经网络的手术机器人控制系统设计》文献阅读分析报告
  • C++学习笔记----11、模块、头文件及各种主题(一)---- 模板概览与类模板(1)
  • 网络编程(一):UDP socket api => DatagramSocket DatagramPacket
  • 对话框(Dialog)
  • W3C HTML 活动
  • [数组排序] 1122. 数组的相对排序
  • 插入迭代器
  • 口播博主必装的五个App推荐,尤其是程序猿博主
  • 查缺补漏----内部排序算法排序趟数和比较次数
  • SQLI LABS | Less-33 GET-Bypass AddSlashes()
  • RCE漏洞分析
  • OSS和FastDFS的区别
  • 【如何在 Linux 和 Android 系统中杀死进程】
  • 火语言RPA流程组件介绍--获取窗口对象