输入关键字搜索
开发者能力认证
鸿蒙高校创新赛
HarmonyOS 7
animation
HarmonyOS行业解决方案
layoutWeight
HarmonyOS模板&组件
bindPopup
bindsheet
RelativeContainer
CustomDialogController
animateTo
CTRL+K
文档管理中心

HarmonyOS

输入关键字搜索
开发者能力认证
鸿蒙高校创新赛
HarmonyOS 7
animation
HarmonyOS行业解决方案
layoutWeight
HarmonyOS模板&组件
bindPopup
bindsheet
RelativeContainer
CustomDialogController
animateTo
CTRL+K
FAQ
FAQ媒体开发拍照和图片图片处理（Image）如何读取相册中的图片

如何读取相册中的图片

更新时间: 2026-06-26 07:48

使用photoAccessHelper.PhotoSelectOptions接口读取相册中的图片

收起
自动换行
深色代码主题
复制
  1. import { photoAccessHelper } from '@kit.MediaLibraryKit';
  2. import { image } from '@kit.ImageKit';
  3. import { fileIo } from '@kit.CoreFileKit';
  4. 

  5. @Entry
  6. @Component
  7. struct Index {
  8.   @State getAlbum: string = '显示相册中的图片';
  9.   @State pixel: image.PixelMap | undefined = undefined;
  10.   @State albumPath: string = '';
  11.   @State photoSize: number = 0;
  12. 

  13.   async getPictureFromAlbum() {
  14.     // Pull up the album and select the pictures
  15.     let PhotoSelectOptions = new photoAccessHelper.PhotoSelectOptions();
  16.     PhotoSelectOptions.MIMEType = photoAccessHelper.PhotoViewMIMETypes.IMAGE_TYPE;
  17.     PhotoSelectOptions.maxSelectNumber = 1;
  18.     let photoPicker = new photoAccessHelper.PhotoViewPicker();
  19.     let photoSelectResult: photoAccessHelper.PhotoSelectResult = await photoPicker.select(PhotoSelectOptions);
  20.     this.albumPath = photoSelectResult.photoUris[0];
  21. 

  22.     // Read the image as a buffer
  23.     const file = fileIo.openSync(this.albumPath, fileIo.OpenMode.READ_ONLY);
  24.     this.photoSize = fileIo.statSync(file.fd).size;
  25.     console.info('Photo Size: ' + this.photoSize);
  26.     let buffer = new ArrayBuffer(this.photoSize);
  27.     fileIo.readSync(file.fd, buffer);
  28.     fileIo.closeSync(file);
  29. 

  30.     // Decoding into PixelMap
  31.     const imageSource = image.createImageSource(buffer);
  32.     console.log('imageSource: ' + JSON.stringify(imageSource));
  33.     this.pixel = await imageSource.createPixelMap({});
  34.   }
  35. 

  36.   build() {
  37.     Row() {
  38.       Column() {
  39.         Image(this.pixel)
  40.           .width('100%')
  41.           .aspectRatio(1)
  42.         Button('显示照片')
  43.           .onClick(() => {
  44.             this.getPictureFromAlbum();
  45.           })
  46.       }
  47.       .width('100%')
  48.     }
  49.     .height('100%')
  50.   }
  51. }
如何设置图片显示的分辨率
如何把ImageReceiver收到的视频帧数据保存到本地
相关推荐
文档预览图片
文档如何通过HDC命令截屏/获取相册
文档Image
文档如何将相册选择的图片生成PixelMap
文档图片查看
文档Functions
文档用户相册资源使用指导
文档PDF缩略图转换为图片
文档转换指定页面或指定区域为图片
示例代码基于PhotoPicker实现图片推荐功能
简体中文
华为开发者联盟 版权所有 ©2026
问题反馈
使用条款
华为开发者联盟用户协议
关于华为开发者联盟与隐私的声明
Cookies
开源软件声明
在 FAQ 中进行搜索
请输入您想要搜索的关键词