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

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

HarmonyOS
2024-06-05 21:01:00
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Nicrosoft

开发者您好,可以直接通过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%' 
    ) 
  } 
}
分享
微博
QQ
微信
回复
2024-06-06 21:24:20
相关问题
如何显示通过网络加载的图片
1143浏览 • 1回复 待解决
如何通过代码随意修改锁屏图片?
4011浏览 • 1回复 待解决
通过web上传图片并进行预览
372浏览 • 1回复 待解决
Hsp中使用图片 编译不通过
509浏览 • 1回复 待解决
如何打开指定文件夹,选择文件返回
7304浏览 • 1回复 待解决
如何使用Image加载沙箱路径图片资源
124浏览 • 1回复 待解决
Image组件如何加载网络图片
884浏览 • 1回复 待解决
选择相册怎么等待返回啊?
768浏览 • 1回复 待解决
Image怎么替换svg图片
6765浏览 • 1回复 待解决
arkui怎么展示接口返回的富文本?
1479浏览 • 1回复 待解决