HarmonyOS 鸿蒙Next “仿微信聊天”App开发技术分享（十二）把图片转为BASE64字符串

HarmonyOS 鸿蒙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字符串转换为像素图。