鸿蒙HarmonyOS之选择相册文件(照片/视频)方法

一、新建文件工具类FileUtil.ets

包含:选择照片方法、获取文件类型方法、去除后缀、获取后缀方法

import { BusinessError, request } from '@kit.BasicServicesKit';
import photoAccessHelper from '@ohos.file.photoAccessHelper';
import bundleManager from '@ohos.bundle.bundleManager';

/**
 * 选择图库图片
 * @param selectMax 选择文件数量限制
 * @param selectType 选择文件类型限制
 * @returns
 */
export async function fileSelect(selectMax: number,selectType: photoAccessHelper.PhotoViewMIMETypes): Promise<Array<string>> {
  try {
    // //选择图片的类型
    // let recommendOptions: photoAccessHelper.RecommendationOptions = {
    //   recommendationType: photoAccessHelper.RecommendationType.ID_CARD
    // }
    let options: photoAccessHelper.PhotoSelectOptions = {
      MIMEType: selectType,
      maxSelectNumber: selectMax,
      // recommendationOptions: recommendOptions
    }
    let photoPicker = new photoAccessHelper.PhotoViewPicker();

    // 使用 await 确保异步操作完成
    const PhotoSelectResult = await photoPicker.select(options);

    // 成功获取结果后返回字符串形式的结果
    console.info('PhotoViewPicker.select successfully, result is: ' + JSON.stringify(PhotoSelectResult));
    if (PhotoSelectResult && PhotoSelectResult.photoUris && PhotoSelectResult.photoUris.length > 0) {
      return PhotoSelectResult.photoUris;
    }else{
      return [];
    }
  } catch (error) {
    // 处理捕获到的错误,并返回空
    let err: BusinessError = error as BusinessError;
    console.error(`PhotoViewPicker failed with err: ${err.code}, ${err.message}`);
    return []; // 返回空
  }
}


/**
 * 获取文件类型
 * @param uri
 * @returns
 */
export function getFileTypeFromExtension(uri: string): 'image' | 'video' | 'unknown' {
  const fileName = uri.substring(uri.lastIndexOf('/') + 1);
  const fileExtension = fileName.split('.').pop()?.toLowerCase();

  if (fileExtension) {
    switch (fileExtension) {
      case 'jpg':
      case 'jpeg':
      case 'png':
      case 'bmp':
      case 'gif':
        return 'image';
      case 'mp4':
      case 'avi':
      case 'mov':
      case 'mkv':
        return 'video';
      default:
        return 'unknown';
    }
  }

  return 'unknown';
}

/**
 * 去除后缀的文件名
 * @param uri
 * @returns
 */
export function removeFileExtension(uri: string): string {
  const fileName = uri.substring(uri.lastIndexOf('/') + 1);
  const baseName = fileName.split('.').slice(0, -1).join('.');
  return uri.replace(fileName, baseName);
}

/**
 * 获取后缀
 * @param uri
 * @returns
 */
export function getFileExtensionWithDot(uri: string): string {
  const lastDotIndex = uri.lastIndexOf('.');
  if (lastDotIndex > -1) {
    return uri.substring(lastDotIndex);
  }
  return ''; // 如果没有找到后缀名,则返回空字符串
}

二、使用示例

1、选择一张图片文件

fileSelect(1, photoAccessHelper.PhotoViewMIMETypes.IMAGE_VIDEO_TYPE).then((uriArray: Array<string>) => {
          if (uriArray && uriArray.length > 0) {
            this.imageUri = uriArray[0];
            Logger.debug(this.TAG,'选择的图片Uri是:'+ this.imageUri)
          }else{
            Logger.debug(this.TAG,'未选择图片!')
            showToast('未选择图片!')
          }
        });

2、选择多个文件,不限图片或视频

fileSelect(20, photoAccessHelper.PhotoViewMIMETypes.IMAGE_VIDEO_TYPE)
        .then((uriArray: Array<string>) => {
          if (uriArray && uriArray.length > 0) {
            Logger.debug(this.TAG, '准备上传')
            for (let index = 0; index < uriArray.length; index++) {
              const itemUri = uriArray[index];
              let type: string = getFileTypeFromExtension(itemUri);
              let suffix: string = getFileExtensionWithDot(itemUri);
              Logger.debug(this.TAG, '选择照片的uri = ' + itemUri)
              Logger.debug(this.TAG, '文件类型是:' + type + ', 文件后缀是:' + suffix);
              //......
            }
          } else {
            Logger.debug(this.TAG, '未选择文件!')
            showToast('未选择文件!')
          }
        })

三、完成,Nice!

相关推荐
郝晨妤16 小时前
鸿蒙原生应用开发元服务 元服务是什么?和App的关系?(保姆级步骤)
android·ios·华为od·华为·华为云·harmonyos·鸿蒙
Peace*16 小时前
HarmonyOs鸿蒙开发实战(16)=>沉浸式效果第一种方案一窗口全屏布局方案
harmonyos·鸿蒙·鸿蒙系统
遇到困难睡大觉哈哈1 天前
ArkTS组件结构和状态管理
鸿蒙
ChinaDragonDreamer1 天前
HarmonyOS:UIAbility组件间交互(设备内)
开发语言·harmonyos·鸿蒙
ChinaDragonDreamer2 天前
HarmonyOS:使用常用组件构建页面
开发语言·harmonyos·鸿蒙
思忖小下3 天前
Python基础学习-09文件操作
python·文件
鸿蒙自习室3 天前
鸿蒙动画开发07——粒子动画
ui·华为·harmonyos·鸿蒙
少恭写代码3 天前
Taro首个支持鸿蒙的 UI 库,同时还兼容 React Native、小程序、H5
react native·鸿蒙·taro·duxapp
村中少年4 天前
Cyberchef配合Wireshark提取并解析HTTP/TLS流量数据包中的文件
http·wireshark·文件·tls·pcap·cyberchef
zhongcx014 天前
鸿蒙NEXT开发案例:计数器
华为·harmonyos·鸿蒙·鸿蒙next