前言
在之前的时候测试一个应用进入相册选择图片demo利用startAbilityForResult()方法启动相对应的Ability完成效果,但是这种方法限制一次只能获取一张图片,在完成某些功能测试时候就很不方便。后来官方文档更新后,我发现一种比较方便的接口来完成这一功能。那就是利用
@ohos.file.picker (选择器),直接完成对相册里面图片的选择和多选

正文
选择器(Picker)是一个封装PhotoViewPicker、DocumentViewPicker、AudioViewPicker等系统应用选择与保存能力模块应用可以自行选择使用哪种picker实现文件选择和文件保存的功能
导入

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

PhotoViewPicker
图库选择器对象,用来支撑选择图片/视频和保存图片/视频用户场景。在使用前,需要先创建PhotoViewPicker实例

相关属性
select()
通过选择模式拉起photoPicker界面,用户可以选择一个多个图片/视频接口采用promise异步返回形式,传入可选参数PhotoSelectOptions对象返回PhotoSelectResult对象
save()
通过保存模式拉起photoPicker界面,用户可以保存一个或多个图片/视频接口采用callback异步返回形式,返回保存文件uri数组
代码

import common from '@ohos.app.ability.common';
import picker from '@ohos.file.picker';

@Entry
@Component
struct  pickerDemo {
  @State getImg: string = '获取图片'
  @State imgArr: string[] = []

  getPhotoImg() {
    let photoPicker = new picker.PhotoViewPicker();
    photoPicker.select({
      MIMEType:picker.PhotoViewMIMETypes.IMAGE_TYPE,
      maxSelectNumber:3
    },(err,data)=>{
      if (err) {
        console.info("photoPicker:"+err.message)
        return
      }
      this.imgArr = data.photoUris
      data.isOriginalPhoto
    })
  }

  build() {
    Column() {
      ForEach(this.imgArr,(item,index:number)=>{
        Row(){
          Image(item).width(100).height(100).borderWidth(1)
        }
      },item=>item)

      Button(this.getImg).margin(20)
        .onClick(() => {
          this.getPhotoImg()
        })

    }
    .width('100%')
    .height('100%')
    .justifyContent(FlexAlign.Center)
  }
}

原文地址:https://blog.csdn.net/weixin_69135651/article/details/134739939

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_41096.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注