HarmonyOS 图片转base64

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

HarmonyOS
2024-12-19 15:40:04
938浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
FengTianYa

参考以下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
@Component
struct Page2 {
  @State resultBase64Str: string = '';
  @State getAlbum: string = '显示相册中的图片';
  @State pixel: image.PixelMap | undefined = undefined;
  @State albumPath: string = '';
  @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)
      }
    }
  }
}

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
分享
微博
QQ
微信
回复
2024-12-19 18:20:06


相关问题
HarmonyOS 图片压缩和图片base64
1167浏览 • 1回复 待解决
怎么把PixelMap图片BASE64
10378浏览 • 1回复 待解决
HarmonyOS 拍照后的图片base64
677浏览 • 1回复 待解决
HarmonyOS 如何实现Base64数据图片
901浏览 • 1回复 待解决
HarmonyOS如何将图片Base64
1957浏览 • 1回复 待解决
HarmonyOS base64image
754浏览 • 1回复 待解决
js canvasbase64编码图片不全
12039浏览 • 1回复 待解决
如何base64换成图片
11508浏览 • 2回复 待解决
HarmonyOS 图片base64码后乱码
719浏览 • 1回复 待解决
照片文件Base64
622浏览 • 1回复 待解决
HarmonyOS pixelMap怎么base64
607浏览 • 1回复 待解决
HarmonyOS arraybufferbase64乱码
860浏览 • 1回复 待解决
HarmonyOS 录制的视频base64
853浏览 • 1回复 待解决
HarmonyOS 如何将沙盒图片base64
983浏览 • 1回复 待解决
PixelMap怎么Base64?(非Java)
4337浏览 • 2回复 待解决
HarmonyOS 图片Base64编码
832浏览 • 1回复 待解决
HarmonyOS 加解密base64
994浏览 • 1回复 待解决
HarmonyOS 网络传输BASE64义问题
868浏览 • 1回复 待解决
如何将PixelMap图片base64字符串?
1546浏览 • 1回复 待解决
验证pixelmap数据bufferbase64是否正常
2695浏览 • 1回复 待解决
如何将图片base64字符串PixelMap?
1601浏览 • 1回复 待解决
HarmonyOS 图片进行base64编码报错
1378浏览 • 1回复 待解决
有没有base64化的相关代码?
1559浏览 • 0回复 待解决
HarmonyOS 图片操作,合成后导出base64
984浏览 • 1回复 待解决