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