鸿蒙NEXT版仿微信聊天App的图片转BASE64
鸿蒙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字符串转换为像素图。
腾讯云开发者
