通过picker选择图片后，返回file://\*\*\*协议，如何通过Image展示？

Question

如题：通过picker选择图片后，返回file://***协议，如何通过Image展示？

Answer 1

开发者您好，可以直接通过Image展示，示例代码：

import picker from '@ohos.file.picker';

@Entry
@Component
struct Index {
  @State imagePath: string = ''
  ;

  build() {
    Column() {
      Button('select')
        .onClick(() => {
          let PhotoSelectOptions = new picker.PhotoSelectOptions();
          PhotoSelectOptions.MIMEType = picker.PhotoViewMIMETypes.IMAGE_TYPE;
          PhotoSelectOptions.maxSelectNumber = 5;
          let photoPicker = new picker.PhotoViewPicker();
          photoPicker.select(PhotoSelectOptions).then((PhotoSelectResult) => {
            this.imagePath = PhotoSelectResult.photoUris?.[0] ?? '';
          })
        })
      Image(this.imagePath)
        .width(100)
    }
    .width('100%'
    )
  }
}