鸿蒙(HarmonyOS)开发之不申请权限访问相册图片

简介: 不申请权限访问相册图片

访问相册图片介绍

在应用开发中,很多场景需要我们需要访问相册中的图片。例如:上传头像、上传银行卡、身份证资料、扫描文件功能、美颜功能等

所以访问相册里的图片成为我们必须要学习和掌握的内容。那如何访问相册图片呢?

在HarmonyOS中,鉴于对用户隐私的高度保护,要方便的完全读取相册与写入相册,需要极其复杂的权限审核。所幸,HarmonyOS也考虑到读取相册对于开发者而言也是一个非常常用的一个功能,因而提供了photoAccessHelper里的PhotoViewPicker来帮助开发者无需获得复杂权限的情况下来读取相册内容。

使用方法

  1. 导入相册管理模块。

    import {
          photoAccessHelper } from '@kit.MediaLibraryKit';
    
  2. 实例化PhotoViewPicker对象(也即图片选择器对象)

    let photoPicker = new photoAccessHelper.PhotoViewPicker();
    
  3. 调用上述对象的select方法选择图片

    photoPicker.select({
         
          // 传入能选择的文件类型,这里选的是图片类型
        MIMEType: photoAccessHelper.PhotoViewMIMETypes.IMAGE_TYPE,
        // 设置能选择的数量
        maxSelectNumber: 1
      })
        .then((res: photoAccessHelper.PhotoSelectResult) => {
         
    
          console.log(res.photoUris.join(''))
        })
        .catch((err: Error) => {
         
          // 出错回调
          console.log(err.message)
        })
    })
    

    这里可以看到调用select方法有两个参数:MIMEType、maxSelectNumber

    MIMEType即设置可以选哪些类型的媒体文件,可选值有

    1. IMAGE_TYPE:图片类型,也即`'image/*'`
    1. VIDEO_TYPE:视频类型,也即`'video/*'`
    1. IMAGE_VIDEO_TYPE:所有类型皆可,也即:`'*/*'`
    1. MOVING_PHOTO_IMAGE_TYPE:动态照片类型(实况图),也即`'image/movingPhoto'`
    

    maxSelectNumber就比较好理解了,就是设置可以选择多少数量,若不设置默认为50,最大也只能设置500

  4. select方法是用Promise进行封装的,因此调用后有两种状态,成功进入then,失败进入catch

    进入then代表读取图片成功,读取到的结果是PhotoSelectResult类型的,这个类型有一个非常重要的属性,即为:photoUris,它是一个数组,里面保存了选择的资源的临时路径,像我们上面的代码,最大只允许选择1张图片,因此取下标0即为选择的图片或视频

用一个小界面测试一下

上面我们已经学了它的基本使用,我们用一个小界面测试一下。界面仅需放置一个Image用来展示选择后的图片,以及用一个按钮进行图片选择,代码如下

// 导入所需工具
import {
    photoAccessHelper } from '@kit.MediaLibraryKit'



struct Index {
   
  // 用个变量保存读取到得分图片
   imgUri: string = ''

  build() {
   
    Column() {
   
      // 展示图片
      Image(this.imgUri)
        .height('45%')
      // 选择图片
      Button('选择图片')
        .width('80%')
        .onClick(() => {
   
          // 实例化选择器
          let photoPicker = new photoAccessHelper.PhotoViewPicker()
          // 开始选择图片,设置只允许选择图片,且最大选择1张
          photoPicker.select({
   
            MIMEType: photoAccessHelper.PhotoViewMIMETypes.IMAGE_TYPE,
            maxSelectNumber: 1
          })
            .then((res: photoAccessHelper.PhotoSelectResult) => {
   

              // 读取成功则赋值给变量去展示到界面
              this.imgUri = res.photoUris[0]
            })
            .catch((err: Error) => {
   
              // 出错回调
              console.log(err.message)
            })
        })
    }
    .width('100%')
    .height('100%')
  }
}

最终效果如下:成功将猫林老师的照片展示出来了

image-20241215202846748

总结

  1. 如果需要不申请权限的情况下让app读取到系统图库里的图片,需使用photoAccessHelper
  2. 使用起来非常简单,仅需实例化PhotoViewPicker对象后再调用select方法即可
  3. 下篇猫林老师给大家介绍如何不申请权限的情况下写入照片到图库
相关文章
|
5天前
|
存储 编解码 JSON
鸿蒙应用开发从入门到实战(十):ArkUI图片组件Image
ArkUI提供了丰富的系统组件,用于制作鸿蒙原生应用APP的UI,本文主要讲解Image图片组件的使用。
|
9天前
|
存储 缓存 5G
鸿蒙 HarmonyOS NEXT端云一体化开发-云存储篇
本文介绍用户登录后获取昵称、头像的方法,包括通过云端API和AppStorage两种方式,并实现上传头像至云存储及更新用户信息。同时解决图片缓存问题,添加上传进度提示,支持自动登录判断,提升用户体验。
54 0
|
9天前
|
存储 负载均衡 数据库
鸿蒙 HarmonyOS NEXT端云一体化开发-云函数篇
本文介绍基于华为AGC的端云一体化开发流程,涵盖项目创建、云函数开通、应用配置及DevEco集成。重点讲解云函数的编写、部署、调用与传参,并涉及环境变量设置、负载均衡、重试机制与熔断策略等高阶特性,助力开发者高效构建稳定云端服务。
76 0
鸿蒙 HarmonyOS NEXT端云一体化开发-云函数篇
|
9天前
|
存储 JSON 数据建模
鸿蒙 HarmonyOS NEXT端云一体化开发-云数据库篇
云数据库采用存储区、对象类型、对象三级结构,支持灵活的数据建模与权限管理,可通过AGC平台或本地项目初始化,实现数据的增删改查及端侧高效调用。
34 0
|
文字识别 安全 架构师
简单聊聊《鸿蒙HarmonyOS应用开发从入门到精通》这本书
《鸿蒙HarmonyOS应用开发从入门到精通》一书由北京大学出版社出版,已经于2022年4月上市。本文希望与读者朋友们分享下这本书里面的大致内容。
601 0
|
3月前
|
容器
HarmonyOS NEXT仓颉开发语言实战案例:外卖App
仓颉语言实战分享,教你如何用仓颉开发外卖App界面。内容包括页面布局、导航栏自定义、搜索框实现、列表模块构建等,附完整代码示例。轻松掌握Scroll、List等组件使用技巧,提升HarmonyOS应用开发能力。
|
2月前
|
安全 JavaScript API
鸿蒙开发核心要素
鸿蒙开发核心要素
|
3月前
|
存储 IDE 定位技术
【HarmonyOS 5】鸿蒙组件&模板服务详解 - 助力高效开发的利器
在移动应用开发领域,效率与质量始终是开发者追求的核心目标。鸿蒙系统作为新兴的操作系统,为开发者提供了丰富且强大的开发资源,其中鸿蒙组件&模板服务更是成为开发者快速构建高质量应用的得力助手。
130 0
HarmonyOS NEXT仓颉开发语言实战案例:电影App
周末好!本文分享使用仓颉语言重构ArkTS实现的电影App案例,对比两者在UI布局、组件写法及语法差异。内容包括页面结构、列表分组、分类切换与电影展示等。通过代码演示仓颉在HarmonyOS开发中的应用。##仓颉##ArkTS##HarmonyOS开发
|
3月前
|
容器
HarmonyOS NEXT仓颉开发语言实战案例:健身App
本期分享一个健身App首页的布局实现,顶部采用Stack容器实现重叠背景与偏移效果,列表部分使用List结合Scroll实现可滚动内容。代码结构清晰,适合学习HarmonyOS布局技巧。