鸿蒙应用框架开发【选择并查看文档与媒体文件】本地数据与文件 - IT评测·应用市场-qidao123.com

/*
* Copyright (c) 2024 Huawei Device Co., Ltd.
* Licensed under the Apache License, Version 2.0 (the 'License');
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an 'AS IS' BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { router } from '@kit.ArkUI';
import { picker } from '@kit.CoreFileKit';
import { BusinessError } from '@kit.BasicServicesKit';
import Logger from '../common/Logger';
import MediaFileUri from '../media/MediaFileUri';
import { Constants } from '../common/Constants';
const MAX_SELECT_NUM = 3; // 选择媒体文件的最大数目
const TAG = 'pickerIndex';
@Entry
@Component
struct Index {
@State uri: string = 'Hello World';
@State filename: string = '';
@State sizeFile: number = 0;
@State log: string = '';
@State imageFlagCur: number = 0;
@StorageLink('fileSizeList') fileSizeList: Array<number> = [];
@StorageLink('fileNameList') fileNameList: Array<string> = [];
@StorageLink('fileUriList') fileUriList: Array<string> = [];
@StorageLink('imageNames') imageNames: Array<string> = [];
mediaFileUri: MediaFileUri = new MediaFileUri();
scroller: Scroller = new Scroller();
authorizeBundleName: string = 'com.open.file.uri.demo';
// 拉起picker选择文件
async callFilePickerSelectFile(): Promise<void> {
try {
let DocumentSelectOptions = new picker.DocumentSelectOptions();
let documentPicker = new picker.DocumentViewPicker();
documentPicker.select(DocumentSelectOptions).then((DocumentSelectResult) => {
Logger.info(TAG,
'DocumentViewPicker.select successfully, DocumentSelectResult uri: ' + JSON.stringify(DocumentSelectResult));
let editFlag = false;
if (DocumentSelectResult !== null && DocumentSelectResult !== undefined) {
DocumentSelectResult.forEach((value) => {
this.uri = value;
editFlag = true;
Logger.info(TAG, `select file uri: ${this.uri}`);
})
}
if (editFlag) {
this.getFilenameByUri(this.uri);
}
}).catch((err: BusinessError) => {
Logger.error(TAG, 'DocumentViewPicker.select failed with err: ' + JSON.stringify(err));
});
} catch (err) {
Logger.error(TAG, 'DocumentViewPicker failed with err: ' + JSON.stringify(err));
}
}
// 拉起picker保存文件
async callFilePickerSaveFile(): Promise<void> {
try {
let DocumentSaveOptions = new picker.DocumentSaveOptions();
DocumentSaveOptions.newFileNames = ['MyDocument_01.txt'];
let documentPicker = new picker.DocumentViewPicker();
documentPicker.save(DocumentSaveOptions).then((DocumentSaveResult) => {
Logger.info(TAG,
'DocumentViewPicker.save successfully, DocumentSaveResult uri: ' + JSON.stringify(DocumentSaveResult));
if (DocumentSaveResult !== null && DocumentSaveResult !== undefined) {
this.uri = DocumentSaveResult[0];
Logger.info(TAG, `save file uri: ${this.uri}`);
}
this.getFilenameByUri(this.uri);
}).catch((err: BusinessError) => {
Logger.error(TAG, 'DocumentViewPicker.save failed with err: ' + JSON.stringify(err));
});
} catch (err) {
Logger.error(TAG, 'DocumentViewPicker failed with err: ' + err);
}
}
async getFilenameByUriForMedia(myUris: string[]) {
router.pushUrl({
url: 'pages/ViewMedia',
params: {
uris: myUris
}
}, router.RouterMode.Standard);
}
async getFilenameByUri(myUri: string): Promise<void> {
// 获取文件名称
this.filename = (myUri.split('/').pop()) as string;
router.pushUrl({
url: 'pages/EditFile',
params: {
fileName: this.filename,
myUri: myUri
}
}, router.RouterMode.Standard);
}
// 拉起picker选择图片/视频
async callFilePickerSelectImage(): Promise<void> {
let array: string[];
try {
// 设置photoPicker的参数
let PhotoSelectOptions = new picker.PhotoSelectOptions();
// 过滤选择媒体文件类型
PhotoSelectOptions.MIMEType = picker.PhotoViewMIMETypes.IMAGE_VIDEO_TYPE;
// 选择媒体文件的最大数目
PhotoSelectOptions.maxSelectNumber = MAX_SELECT_NUM;
let mediaFlag = false;
// 使用图库选择器对象前，需要先创建PhotoViewPicker实例
let photoPicker = new picker.PhotoViewPicker();
photoPicker.select(PhotoSelectOptions).then((PhotoSelectResult) => {
// 日志中记录成功信息
Logger.info(TAG,
'PhotoViewPicker.select successfully, PhotoSelectResult uri: ' + JSON.stringify(PhotoSelectResult));
// 接口采用callback异步返回形式，返回PhotoSelectResult对象，故进行下一步操作前要先判断是否已经成功返回PhotoSelectResult对象了
if (PhotoSelectResult !== null && PhotoSelectResult !== undefined) {
// PhotoSelectResult为返回的结果集。
// 其中包含Array<string>类型的photoUris，为返回图库选择后的媒体文件的uri数组；还包含boolean类型的isOriginalPhoto，指示返回图库选择后的媒体文件是否为原图。
// 声明变量array，其取值为PhotoSelectResult中的数组。
array = PhotoSelectResult['photoUris'];
array.forEach((value) => {
this.uri = value;
mediaFlag = true;
Logger.info(TAG, `select image/video uri: ${this.uri}`);
})
}
if (mediaFlag) {
this.getFilenameByUriForMedia(array);
}
}).catch((err: BusinessError) => {
Logger.error(TAG, 'PhotoViewPicker.select failed with err: ' + JSON.stringify(err));
});
} catch (err) {
Logger.error(TAG, 'PhotoViewPicker failed with err: ' + err);
}
}
aboutToDisappear(): void {
this.fileNameList = [];
this.fileSizeList = [];
this.fileUriList = [];
}
onPageShow(): void {
this.mediaFileUri.getAllFiles();
}
build() {
Scroll(this.scroller) {
Row() {
Column() {
Row() {
Column() {
Text($r('app.string.last_open'))
.fontFamily('HarmonyHeiTi-Bold')
.fontSize($r('app.float.text_font_size_30'))
.fontWeight(Constants.TEXT_FONT_WIGHT)
.textAlign(TextAlign.Start)
.fontColor($r('app.color.text_font_color'))
.lineHeight($r('app.float.first_line_height'))
.width(Constants.SEVENTY_PERCENT)
.height($r('app.float.first_line_height'

复制代码