HarmonyOS 鸿蒙Next 图片转base64

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

HarmonyOS 鸿蒙Next 图片转base64

相机拍照获取的路径
file://media/Photo/87/IMG_1718157710_075/IMG_20241225_100010.jpg
image组件来显示没问题的,但是要怎么转成base64呢,必须通过canvas获取pixmap吗?没有image直接转base64的吗?

Harmonyos Next教程
2 回复
可以参考以下demo:

注意授权。

import photoAccessHelper from '@ohos.file.photoAccessHelper';
import image from '@ohos.multimedia.image';
import fs from '@ohos.file.fs';
import { buffer } from '@kit.ArkTS';
[@Entry](/user/Entry)
[@Component](/user/Component)
struct Page2 {
  [@State](/user/State) resultBase64Str: string = '';
  [@State](/user/State) getAlbum: string = '显示相册中的图片';
  [@State](/user/State) pixel: image.PixelMap | undefined = undefined;
  [@State](/user/State) albumPath: string = '';
  [@State](/user/State) photoSize: number = 0;
  async getPictureFromAlbum() {
    // 拉起相册，选择图片
    let PhotoSelectOptions = new photoAccessHelper.PhotoSelectOptions();
    PhotoSelectOptions.MIMEType = photoAccessHelper.PhotoViewMIMETypes.IMAGE_TYPE;
    PhotoSelectOptions.maxSelectNumber = 1;
    let photoPicker = new photoAccessHelper.PhotoViewPicker();
    let photoSelectResult: photoAccessHelper.PhotoSelectResult = await photoPicker.select(PhotoSelectOptions);
    this.albumPath = photoSelectResult.photoUris[0];
    console.info('albumPath: ' + this.albumPath)
    // 读取图片为buffer
    const file = fs.openSync(this.albumPath, fs.OpenMode.READ_WRITE);
    this.photoSize = fs.statSync(file.fd).size;
    console.info('Photo Size: ' + this.photoSize);
    let buffer1 = new ArrayBuffer(this.photoSize);
    fs.readSync(file.fd, buffer1);
    let base64Str: string = buffer.from(buffer1).toString('base64')
    let resultBase64Str = "data:image/png;base64," + base64Str
    this.resultBase64Str = resultBase64Str
    fs.closeSync(file);
    // 解码成PixelMap
    const imageSource = image.createImageSource(buffer1);
    console.log('imageSource: ' + JSON.stringify(imageSource));
    this.pixel = await imageSource.createPixelMap({});
  }
  build() {
    Scroll() {
      Column() {
        Text('获取图片')
          .onClick(async () => {
            await this.getPictureFromAlbum()
          })
        // Image(this.pixel)
        Image(this.resultBase64Str).width(40).height(40)
        Text(this.resultBase64Str)
      }
    }
  }
}<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

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


在HarmonyOS鸿蒙Next系统中，将图片转换为Base64编码通常涉及读取图片文件内容，然后使用Base64编码算法进行转换。以下是实现该功能的简要步骤，假设你正在使用Java或Kotlin进行开发：

  1. 读取图片文件：

    • 使用FileInputStream或Files.readAllBytes方法读取图片文件的字节数据。

  2. Base64编码：

    • Java中，可以使用java.util.Base64类的getEncoder().encodeToString方法将字节数据转换为Base64字符串。
    • Kotlin中，类似地可以使用Base64.Encoder.encodeToString方法。

示例代码（Java）：

import java.nio.file.Files;
import java.nio.file.Paths;
import java.util.Base64;

public class ImageToBase64 {
    public static String convert(String imagePath) throws Exception {
        byte[] imageData = Files.readAllBytes(Paths.get(imagePath));
        return Base64.getEncoder().encodeToString(imageData);
    }
}

确保在Android或鸿蒙应用的权限配置中，允许读取存储权限。

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

回到顶部