#鸿蒙通关秘籍#如何利用鸿蒙Image组件加载媒体库中的图片路径？

要从鸿蒙的媒体库中加载图片，可使用媒体库路径file://进行访问：

1. 使用photoAccessHelper模块获取图库图片的URL：

   ts import { photoAccessHelper } from '@kit.MediaLibraryKit'; import { BusinessError } from '@kit.BasicServicesKit';

   @Entry @Component struct Index { @State imgDatas: string[] = [];

   getAllImg() { try { let PhotoSelectOptions: photoAccessHelper.PhotoSelectOptions = new photoAccessHelper.PhotoSelectOptions(); PhotoSelectOptions.MIMEType = photoAccessHelper.PhotoViewMIMETypes.IMAGE_TYPE; PhotoSelectOptions.maxSelectNumber = 5; let photoPicker: photoAccessHelper.PhotoViewPicker = new photoAccessHelper.PhotoViewPicker(); photoPicker.select(PhotoSelectOptions).then((PhotoSelectResult: photoAccessHelper.PhotoSelectResult) => { this.imgDatas = PhotoSelectResult.photoUris; }).catch((err: Error) => { console.error(Error: ${err}); }); } catch (err) { console.error(Error: ${err}); } }

   async aboutToAppear() { this.getAllImg(); }

   build() { Column() { Grid() { ForEach(this.imgDatas, (item: string) => { GridItem() { Image(item).width(200) } }); } } } }

2. 使用URL格式Image('file://media/Photos/5')显示选中图片。