鸿蒙APP开发实战：【Api9】拍照、拍视频；选择图片、视频、文件工具类 ...

鸿蒙开发过程中，经常会进行系统调用，拍照、拍视频、选择图库图片、选择图库视频、选择文件。本日就给大家分享一个工具类。
1. 话不多说，先展示样式

2.设计思绪
根据官方提供的指南开发工具类，基础的拍照、拍视频、图库选照片、选文件不过多缀述，图库选择这里设计成集合情势，可返回图片和视频，视频展示时不显示内容，所以在工具类多加了一个获取视频缩略图的功能。
更多鸿蒙开发应用知识已更新gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md参考前往。

3.详细代码

1. import common from '@ohos.app.ability.common';
2. import picker from '@ohos.file.picker';
3. import mediaLibrary from '@ohos.multimedia.mediaLibrary';
4. import wantConstant from '@ohos.ability.wantConstant';
5. import { MediaBean } from '../bean/MediaBean';
6. import { StringUtils } from '../utils/StringUtils';
8. /**
9. * @description 多媒体辅助类
10. * @author Gwei
11. * @time 2024/3/1 15:57
12. */
13. export class MediaHelper {
14.   private readonly TAG: string = 'MediaHelper';
16.   private mContext: common.Context;
18.   constructor(context: common.Context) {
19.     this.mContext = context;
20.   }
22.   /**
23.    * 图库选择,返回最大数量为9的图片、视频集合
24.    */
25.   public selectPicture(count:number): Promise<Array<MediaBean>> {
27.     let imgList:Array<string> = [];
28.     let mediaList:Array<MediaBean> = [];
29.     try {
30.       let photoSelectOptions = new picker.PhotoSelectOptions();
31.       photoSelectOptions.MIMEType = picker.PhotoViewMIMETypes.IMAGE_TYPE;
32.       photoSelectOptions.maxSelectNumber = 9-count;
33.       let photoPicker = new picker.PhotoViewPicker();
34.       return photoPicker.select(photoSelectOptions)
35.         .then((photoSelectResult) => {
36.           //Log.info(this.TAG, 'PhotoViewPicker.select successfully, PhotoSelectResult uri: ' + JSON.stringify(photoSelectResult));
38.           if (photoSelectResult && photoSelectResult.photoUris && photoSelectResult.photoUris.length > 0) {
40.             for (let i = 0; i < photoSelectResult.photoUris.length; i++) {
41.               imgList.push(photoSelectResult.photoUris[i]);
42.             }
43.             //Log.info(this.TAG, 'PhotoViewPicker.select successfully, PhotoSelectResult uri: ' + filePath);
44.             return imgList;
45.           }
47.         }).catch((err) => {
48.           //Log.error(this.TAG, 'PhotoViewPicker.select failed with err: ' + err);
49.           return err;
50.         }).then(async (imgList) => {
51.           for (let index = 0; index < imgList.length; index++) {
52.             const mediaBean = await this.buildMediaBean(imgList[index]);
53.             mediaList.push(mediaBean);
54.           }
55.           return mediaList;
56.         });
57.     } catch (err) {
58.       //Log.error(this.TAG, 'PhotoViewPicker failed with err: ' + err);
59.       return Promise.reject(err);
60.     }
61.   }
63.   /**
64.    * 选择文件
65.    */
66.   public selectFile(): Promise<MediaBean> {
67.     try {
68.       let documentSelectOptions = new picker.DocumentSelectOptions();
69.       let documentPicker = new picker.DocumentViewPicker();
70.       return documentPicker.select(documentSelectOptions)
71.         .then((documentSelectResult) => {
72.           //Log.info(this.TAG, 'DocumentViewPicker.select successfully, DocumentSelectResult uri: ' + JSON.stringify(documentSelectResult));
74.           if (documentSelectResult && documentSelectResult.length > 0) {
75.             let filePath = documentSelectResult[0];
76.             //Log.info(this.TAG, 'DocumentViewPicker.select successfully, DocumentSelectResult uri: ' + filePath);
77.             return filePath;
78.           }
80.         }).catch((err) => {
81.           //Log.error(this.TAG, 'PhotoViewPicker.select failed with err: ' + err);
82.           return err;
83.         }).then(async (filePath) => {
85.           const mediaBean = await this.buildMediaBean(filePath);
86.           return mediaBean;
88.         });
89.     } catch (err) {
90.       //Log.error(this.TAG, 'PhotoViewPicker failed with err: ' + err);
91.       return Promise.reject(err);
92.     }
93.   }
96.   /**
97.    * 拍照
98.    */
99.   public async takePhoto(context: common.UIAbilityContext): Promise<MediaBean> {
102.     let want = {
103.       'uri': '',
104.       'action': wantConstant.Action.ACTION_IMAGE_CAPTURE,
105.       'parameters': {},
106.     };
107.     return context.startAbilityForResult(want)
108.       .then((result) => {
109.         //Log.info(this.TAG, `startAbility call back , ${JSON.stringify(result)}`);
110.         if (result.resultCode === 0 && result.want && StringUtils.isNotNullOrEmpty(result.want.uri)) {
111.           //拍照成功
112.           //Log.info(this.TAG, 'takePhoto successfully, takePhotoResult uri: ' + result.want.uri);
113.           return result.want.uri;
114.         }
115.       }).catch((error) => {
116.         //Log.info(this.TAG, `startAbility error , ${JSON.stringify(error)}`);
117.         return error;
118.       }).then(async (uri: string) => {
119.         const mediaBean = await this.buildMediaBean(uri);
120.         return mediaBean;
121.       });
122.   }
124.   /**
125.    * 拍视频
126.    */
127.   public async takeVideo(context: common.UIAbilityContext): Promise<MediaBean> {
130.     let want = {
131.       'uri': '',
132.       'action': wantConstant.Action.ACTION_VIDEO_CAPTURE,
133.       'parameters': {},
134.     };
135.     return context.startAbilityForResult(want)
136.       .then((result) => {
137.         //Log.info(this.TAG, `startAbility call back , ${JSON.stringify(result)}`);
138.         if (result.resultCode === 0 && result.want && StringUtils.isNotNullOrEmpty(result.want.uri)) {
139.           //拍照成功
140.           //Log.info(this.TAG, 'takePhoto successfully, takePhotoResult uri: ' + result.want.uri);
141.           return result.want.uri;
142.         }
143.       }).catch((error) => {
144.         //Log.info(this.TAG, `startAbility error , ${JSON.stringify(error)}`);
145.         return error;
146.       }).then(async (uri: string) => {
147.         const mediaBean = await this.buildMediaBean(uri);
148.         return mediaBean;
149.       });
150.   }
153.   /**
154.    * 封装多媒体实体类
155.    *
156.    * @param uri 文件路径
157.    */
158.   private async buildMediaBean(uri: string): Promise<MediaBean> {
160.     if (StringUtils.isNullOrEmpty(uri)) {
161.       return null;
162.     }
164.     const mediaBean: MediaBean = new MediaBean();
165.     mediaBean.localUrl = uri;
166.     await this.appendFileInfoToMediaBean(mediaBean, uri);
167.     return mediaBean;
168.   }
170.   /**
171.    * 通过Uri查找所选文件信息，插入到MediaBean中
172.    * @param mediaBean
173.    * @param uri
174.    */
175.   private async appendFileInfoToMediaBean(mediaBean: MediaBean, uri: string):Promise<MediaBean> {
177.     if (StringUtils.isNullOrEmpty(uri)) {
178.       return;
179.     }
180.     let fileList: Array<mediaLibrary.FileAsset> = [];
182.     const parts: string[] = uri.split('/');
183.     const id: string = parts.length > 0 ? parts[parts.length - 1] : '-1';
185.     try {
187.       let media = mediaLibrary.getMediaLibrary(this.mContext);
188.       let mediaFetchOptions: mediaLibrary.MediaFetchOptions = {
189.         selections: mediaLibrary.FileKey.ID + '= ?',
190.         selectionArgs: [id],
191.         uri: uri
192.       };
194.       let fetchFileResult = await media.getFileAssets(mediaFetchOptions);
195.       //Log.info(this.TAG, `fileList getFileAssetsFromType fetchFileResult.count = ${fetchFileResult.getCount()}`);
196.       fileList = await fetchFileResult.getAllObject();
197.       fetchFileResult.close();
198.       await media.release();
200.     } catch (e) {
201.       //Log.error(this.TAG, "query: file data  exception ");
202.     }
204.     if (fileList && fileList.length > 0) {
206.       let fileInfoObj = fileList[0];
207.       //Log.info(this.TAG, `file id = ${JSON.stringify(fileInfoObj.id)} , uri = ${JSON.stringify(fileInfoObj.uri)}`);
208.       //Log.info(this.TAG, `file fileList displayName = ${fileInfoObj.displayName} ,size = ${fileInfoObj.size} ,mimeType = ${fileInfoObj.mimeType}`);
210.       mediaBean.fileName = fileInfoObj.displayName;
211.       mediaBean.fileSize = fileInfoObj.size;
212.       mediaBean.fileType = fileInfoObj.mimeType;
213.       mediaBean.pixelmap = await this.getPixelmap(fileInfoObj)
214.     }
215.   }
217.   /**
218.    * @description 获取缩略图
219.    * @author Gwei
220.    * @time 2024/3/1 15:57
221.    */
222.   getPixelmap(fileInfoObj) {
223.     return new Promise(function (resolve, reject) {
224.       fileInfoObj.getThumbnail((err, pixelmap) => {
225.         if (!err) {
226.           resolve(pixelmap)
227.         }else{
228.           resolve('');
229.         }
230.       })
231.     })
232.   }
233. }

复制代码

4.使用方法

1. async handleClick(option: MediaOption) {
2.     let mediaBean: MediaBean;
3.     switch (option) {
4.       case MediaOption.TakePhoto:
5.         mediaBean = await this.mediaHelper.takePhoto(getContext() as common.UIAbilityContext);
6.         this.imgList.push(mediaBean)
7.         break;
8.       case MediaOption.TakeVideo:
9.         mediaBean = await this.mediaHelper.takeVideo(getContext() as common.UIAbilityContext);
10.         this.imgList.push(mediaBean)
11.         break;
12.       case MediaOption.Picture:
13.         let list: Array<MediaBean> = [];
14.         list = await this.mediaHelper.selectPicture(this.imgList.length);
15.         for (let i = 0; i < list.length; i++) {
16.           this.imgList.push(list[i])
17.         }
18.         break;
19.       case MediaOption.File:
20.         mediaBean = await this.mediaHelper.selectFile();
21.         this.audioList.push(mediaBean);
22.         break;
23.       default:
24.         break;
25.     }
26. }

复制代码

工具类已经提供给大家了，希望能帮助到大家！！！
鸿蒙开发岗位需要掌握那些核心要领？

目前还有很多小同伴不知道要学习哪些鸿蒙技能？不知道重点掌握哪些？为了制止学习时频仍踩坑，最终浪费大量时间的。
本身学习时必须要有一份实用的鸿蒙（Harmony NEXT）资料非常有须要。 这里我推荐，根据鸿蒙开发官网梳理与华为内部人员的分享总结出的开发文档。内容包含了：【ArkTS、ArkUI、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技能、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战】等技能知识点。
废话就不多说了，接下来好好看下这份资料。
假如你是一名Android、Java、前端等等开发人员，想要转入鸿蒙方向发展。可以直接领取这份资料辅助你的学习。鸿蒙OpenHarmony知识←前往。下面是鸿蒙开发的学习蹊径图。

针对鸿蒙成长蹊径打造的鸿蒙学习文档。鸿蒙（OpenHarmony ）学习手册（共计1236页）与鸿蒙（OpenHarmony ）开发入门教学视频，帮助大家在技能的道路上更进一步。
其中内容包含：

《鸿蒙开发基础》鸿蒙OpenHarmony知识←前往

• ArkTS语言
  
• 安装DevEco Studio
  
• 运用你的第一个ArkTS应用
  
• ArkUI声明式UI开发
  
• .……
  

《鸿蒙开发进阶》鸿蒙OpenHarmony知识←前往

• Stage模型入门
  
• 网络管理
  
• 数据管理
  
• 电话服务
  
• 分布式应用开发
  
• 通知与窗口管理
  
• 多媒体技能
  
• 安全技能
  
• 任务管理
  
• WebGL
  
• 国际化开发
  
• 应用测试
  
• DFX面向未来设计
  
• 鸿蒙系统移植和裁剪定制
  
• ……
  

《鸿蒙开发实战》鸿蒙OpenHarmony知识←前往

• ArkTS实践
  
• UIAbility应用
  
• 网络案例
  
• ……
  

最后

鸿蒙是完全具备无与伦比的机会和潜力的；预计到年底将有 5,000 款的应用完成原生鸿蒙开发，这么多的应用需要开发，也就意味着需要有更多的鸿蒙人才。鸿蒙开发工程师也将会迎来发作式的增长，学习鸿蒙势在必行！

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。