当前位置: 首页 > article >正文

鸿蒙原生应用/元服务开发-利用picker选择器来多选相册图片

前言
在之前的时候,测试一个应用进入相册选择图片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)
  }
}

http://www.kler.cn/a/152626.html

相关文章:

  • 测试-感受生产者消费者模型-阻塞队列
  • 【关于Ubuntu换源的问题】/Ubuntu 软件更新和ros软件包定位
  • MFC设置状态栏文本导致崩溃的原因
  • @ResponseBody详解:用于响应体响应数据
  • WT2605-24SS高品质录音语音芯片:实现五种变音效果,为音频应用增添无限创意
  • PGSQL(PostgreSQL)数据库安装教程
  • 【广州华锐互动】节约用水VR互动教育:身临其境体验水资源的珍贵!
  • SQL面试题,判断if的实战应用
  • 腾讯面试笔试题2023.11.30
  • 持续集成部署-k8s-配置与存储-配置管理:配置文件不可变
  • Web 安全之 X-XSS-Protection 详解
  • Elasticsearch:使用 ILM 示例运行降采样 (downsampling)
  • 深入学习redis-基于Jedis通过客户端操作Redis
  • SQL Sever 基础知识 - 数据排序
  • torch常用和预期输入输出
  • 3D点云目标检测:VoxelNex解读
  • WordPress:构建强大的网站和博客的完美选择
  • k8s ingress 无法找到端点
  • 机器学习的复习笔记3-回归的细谈
  • 芯片技术探索:了解构芯片的设计与制造之旅