鸿蒙Next拍照相册如何选择图片

在鸿蒙Next系统中，拍照后如何在相册里快速选择多张图片进行批量操作？有时候想删除或分享照片，但找不到多选功能在哪里开启，具体操作步骤是怎样的？

2 回复

在鸿蒙Next的相册中，选择图片非常简单：

  1. 进入相册：打开“图库”应用，找到你要选择的相册。

  2. 选择模式：

    • 长按任意一张图片进入多选模式。
    • 或点击右上角的“选择”按钮（通常显示为勾选图标）。

  3. 勾选图片：

    • 进入选择模式后，每张图片右上角会出现复选框。
    • 点击复选框或直接点击图片即可选中（选中后通常有勾选标记）。

  4. 批量操作：

    • 选中后底部会弹出操作栏，可进行分享、删除、移动等操作。
    • 滑动可快速连续选择多张图片。

  5. 退出选择：点击左上角返回箭头或取消按钮即可退出多选模式。

注意：不同鸿蒙版本界面可能略有差异，但操作逻辑基本一致。

更多关于鸿蒙Next拍照相册如何选择图片的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在鸿蒙Next系统中，从相册选择图片主要通过媒体选择器（PhotoViewPicker） 实现。以下是详细步骤和示例代码：

1. 核心方法

使用PhotoViewPicker选择单张或多张图片，返回图片的URI列表。

2. 代码示例

import { photoViewPicker } from '@kit.MediaKit';
import { BusinessError } from '@kit.BasicServicesKit';

// 启动图片选择器
async function selectImages() {
  try {
    const photoSelectOptions: photoViewPicker.PhotoSelectOptions = {
      maxSelectNumber: 5, // 最大选择数量（设为1则为单选）
      MIMEType: photoViewPicker.PhotoViewMIMETypes.IMAGE_TYPE, // 限制为图片类型
    };

    // 调用选择器
    const result: Array<string> = await photoViewPicker.select(photoSelectOptions);
    
    // 返回结果：图片URI数组（如：['file://media/Photos/1.jpg']）
    console.log('Selected images:', result);
    return result;
  } catch (error) {
    const err: BusinessError = error as BusinessError;
    console.error(`Failed to select images. Code: ${err.code}, message: ${err.message}`);
  }
}

// 调用函数
selectImages();

3. 关键配置说明

  • maxSelectNumber:
    • 设置为 1 时单选模式，用户只能选一张图片。
    • 设置大于 1 时多选模式（例如 5 最多选5张）。
  • MIMEType:
    固定为 PhotoViewMIMETypes.IMAGE_TYPE，确保只显示图片文件。

4. 权限配置

在 module.json5 中添加以下权限：

{
  "module": {
    "requestPermissions": [
      {
        "name": "ohos.permission.READ_IMAGE"
      }
    ]
  }
}

5. 注意事项

  • 返回的URI需通过 @kit.MediaKit 中的API进一步处理（如解码、显示）。
  • 用户取消选择时返回空数组，需处理边界情况。

通过以上代码即可实现在鸿蒙Next应用中调起系统相册选择图片。

回到顶部