HarmonyOS 鸿蒙Next 图片Base64编码

发布于 1周前 作者 songsunli 来自 鸿蒙OS

HarmonyOS 鸿蒙Next 图片Base64编码

通过CameraKit pick拍照获取的图片怎么进行Base64编码

Harmonyos Next教程
2 回复 
let packOpts: image.PackingOption = { format: "image/jpeg", quality: 98 };
let imagePackerApi = image.createImagePacker();

const context: Context = getContext(this);
const resourceMgr = context.resourceManager;
let imageBuffer = await resourceMgr.getMediaContent($r('app.media.ic_low'));
const imageSource: image.ImageSource = image.createImageSource(imageBuffer.buffer);
let decodingOptions: image.DecodingOptions = {
  editable: true,
  desiredPixelFormat: 3,
  rotate: 90
}
// 创建pixelMap并进行简单的旋转和缩放

imageSource.createPixelMap(decodingOptions).then((pixelMap: PixelMap) => {
  this.pixelMap = pixelMap
  // pixelmap 转base64 先要有一个packing的过程
  imagePackerApi.packing(pixelMap, packOpts).then((data: ArrayBuffer) => {
    let base64Str = buffer.from(data).toString('base64')
    let resultBase64Str = "data:image/png;base64," + base64Str
    this.resultBase64Str = resultBase64Str
  }).catch((error: BusinessError) => {
    console.error('Failed to pack the image. And the error is: ' + error);
  })
  pixelMap.release();
})
//重点提示： pixelmap转base64 不能直接转，先要加一个packing的过程，下面的方法是一个错误的实例，转出来的base64字符串不对。

let pixelMap = await imageSource.createPixelMap(opts);
console.log("pixelMap.getPixelBytesNumber():" + pixelMap.getPixelBytesNumber())
let arrayBuffer = new ArrayBuffer(pixelMap.getPixelBytesNumber());
pixelMap.readPixelsToBuffer(arrayBuffer)
console.log("arrayBuffer" + arrayBuffer)
let base64Str = buffer.from(arrayBuffer).toString(Constants.BASE_64);
let resultBase64Str = "data:image/png;base64," + base64Str

更多关于HarmonyOS 鸿蒙Next 图片Base64编码的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


HarmonyOS 鸿蒙Next 图片Base64编码的实现涉及几个关键步骤。以下是专业解答：

首先，在HarmonyOS中，将图片编码为Base64字符串需要先将图片文件转换为字节数组。这可以通过读取图片文件的内容并存储到ArrayBuffer或byte数组中来完成。

其次，使用HarmonyOS提供的Base64编码工具，如Base64Helper或Java中的Base64.getEncoder()，将字节数组编码为Base64字符串。

具体步骤如下：

  1. 获取图片文件的文件描述符，使用文件处理API如fileIo打开图片文件。
  2. 将图片文件转换为PixelMap对象，使用图像处理API如image.createImageSource和createPixelMap方法。
  3. 将PixelMap对象或ArrayBuffer编码为Base64字符串，使用Base64编码工具。

示例代码（省略了部分细节和错误处理）：

import { fileIo } from '@kit.CoreFileKit';
import { image } from '@kit.ImageKit';
import { util } from '@kit.ArkTS';

let file = fileIo.openSync(imagePath, fileIo.OpenMode.READ_ONLY);
let imageSource = image.createImageSource(file.fd);
imageSource.createPixelMap().then((pixelMap) => {
    const imagePackerApi = image.createImagePacker();
    const packOpts = { format: 'image/jpeg', quality: 100 };
    imagePackerApi.packing(pixelMap, packOpts).then((data) => {
        let base64Helper = new util.Base64Helper();
        let base64Str = base64Helper.encodeToStringSync(new Uint8Array(data));
        console.log(base64Str);
    });
});

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html 。

回到顶部