• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1# 保存用户文件
2
3在从网络下载文件到本地或将已有用户文件另存为新的文件路径等场景下，需要使用FilePicker提供的保存用户文件的能力。需关注以下关键点：
4
5**权限说明**
6
7- 通过Picker获取的uri默认只具备**临时读写权限**，临时授权在应用退出后台自动失效。
8- 获取持久化权限需要通过[FilePicker设置永久授权](file-persistPermission.md#通过picker获取临时授权并进行授权持久化)方式获取。（仅限2in1设备）。
9- 使用Picker对音频、图片、视频、文档类文件的保存操作**无需申请权限**。
10
11**系统隔离说明**
12
13- 通过Picker保存的文件存储在用户指定的目录。此类文件与图库管理的资源隔离，无法在图库中看到。
14- 若开发者需要保存图片、视频资源到图库，可使用用户无感的[安全控件进行保存](../media/medialibrary/photoAccessHelper-savebutton.md)。
15
16## 保存图片或视频类文件
17
18[PhotoViewPicker](../reference/apis-core-file-kit/js-apis-file-picker.md#photoviewpickerdeprecated)在后续版本不再演进，建议使用[Media Library Kit（媒体文件管理服务）中能力来保存媒体库资源](../media/medialibrary/photoAccessHelper-savebutton.md)。
19
20如果开发场景无法调用安全控件进行图片、视频保存，可使用相册管理模块[PhotoAccessHelper.showAssetsCreationDialog](../reference/apis-media-library-kit/js-apis-photoAccessHelper.md#showassetscreationdialog12)接口进行保存操作。
21
22## 保存文档类文件
23
241. 模块导入。
25
26   ```ts
27   import { picker } from '@kit.CoreFileKit';
28   import { fileIo as fs } from '@kit.CoreFileKit';
29   import { BusinessError } from '@kit.BasicServicesKit';
30   import { common } from '@kit.AbilityKit';
31   ```
32
332. 配置保存选项。
34
35   ```ts
36   // 创建文件管理器选项实例。
37   const documentSaveOptions = new picker.DocumentSaveOptions();
38   // 保存文件名（可选）。 默认为空。
39   documentSaveOptions.newFileNames = ["DocumentViewPicker01.txt"];
40   // 保存文件类型['后缀类型描述|后缀类型'],选择所有文件：'所有文件(*.*)|.*'（可选） ，如果选择项存在多个后缀（做大限制100个过滤后缀），默认选择第一个。如果不传该参数，默认无过滤后缀。
41   documentSaveOptions.fileSuffixChoices = ['文档|.txt', '.pdf'];
42   ```
43
443. 创建[文件选择器DocumentViewPicker](../reference/apis-core-file-kit/js-apis-file-picker.md#constructor12)实例。调用[save()](../reference/apis-core-file-kit/js-apis-file-picker.md#save)接口拉起FilePicker界面进行文件保存。
45
46   ```ts
47   let uris: Array<string> = [];
48   // 请在组件内获取context，确保this.getUIContext().getHostContext()返回结果为UIAbilityContext
49   let context = this.getUIContext().getHostContext() as common.UIAbilityContext;
50   const documentViewPicker = new picker.DocumentViewPicker(context);
51   documentViewPicker.save(documentSaveOptions).then((documentSaveResult: Array<string>) => {
52     uris = documentSaveResult;
53     console.info('documentViewPicker.save to file succeed and uris are:' + uris);
54   }).catch((err: BusinessError) => {
55     console.error(`Invoke documentViewPicker.save failed, code is ${err.code}, message is ${err.message}`);
56   })
57   ```
58
59   > **注意**：
60   >
61   > 1. URI存储建议：
62   > - 避免在Picker回调中直接操作URI。
63   > - 建议使用全局变量保存URI以供后续使用。
64   >
65   > 2. 快捷保存：
66   > - 可以通过[DOWNLOAD模式](#download模式保存文件)直达下载目录。
67
684. 待界面从FilePicker返回后，使用[基础文件API的fs.openSync](../reference/apis-core-file-kit/js-apis-file-fs.md#fsopensync)接口，通过URI打开这个文件得到文件描述符（fd）。
69
70   ```ts
71   const uri = '';
72   //这里需要注意接口权限参数是fs.OpenMode.READ_WRITE。
73   let file = fs.openSync(uri, fs.OpenMode.READ_WRITE);
74   console.info('file fd: ' + file.fd);
75   ```
76
775. 通过（fd）使用[基础文件API的fs.writeSync](../reference/apis-core-file-kit/js-apis-file-fs.md#writesync)接口对这个文件进行编辑修改，编辑修改完成后关闭（fd）。
78
79   ```ts
80   let writeLen: number = fs.writeSync(file.fd, 'hello, world');
81   console.info('write data to file succeed and size is:' + writeLen);
82   fs.closeSync(file);
83   ```
84
85## 保存音频类文件
86
871. 模块导入。
88
89   ```ts
90   import { picker } from '@kit.CoreFileKit';
91   import { fileIo as fs } from '@kit.CoreFileKit';
92   import { BusinessError } from '@kit.BasicServicesKit';
93   import { common } from '@kit.AbilityKit';
94   ```
95
962. 配置保存选项。
97
98   ```ts
99   const audioSaveOptions = new picker.AudioSaveOptions();
100   // 保存文件名（可选）
101   audioSaveOptions.newFileNames = ['AudioViewPicker01.mp3'];
102   ```
103
1043. 创建[音频选择器AudioViewPicker](../reference/apis-core-file-kit/js-apis-file-picker.md#audioviewpicker)实例。调用[save()](../reference/apis-core-file-kit/js-apis-file-picker.md#save-5)接口拉起FilePicker界面进行文件保存。
105
106   ```ts
107   let uri: string = '';
108   // 请在组件内获取context，确保this.getUIContext().getHostContext()返回结果为UIAbilityContext
109   let context = this.getUIContext().getHostContext() as common.UIAbilityContext;
110   const audioViewPicker = new picker.AudioViewPicker(context);
111   audioViewPicker.save(audioSaveOptions).then((audioSelectResult: Array<string>) => {
112     uri = audioSelectResult[0];
113     console.info('audioViewPicker.save to file succeed and uri is:' + uri);
114   }).catch((err: BusinessError) => {
115     console.error(`Invoke audioViewPicker.save failed, code is ${err.code}, message is ${err.message}`);
116   })
117   ```
118
119   > **注意**：
120   >
121   > 1. URI存储建议：
122   > - 避免在Picker回调中直接操作URI。
123   > - 建议使用全局变量保存URI以供后续使用。
124   >
125   > 2. 快捷保存：
126   > - 可以通过[DOWNLOAD模式](#download模式保存文件)直达下载目录。
127
1284. 待界面从FilePicker返回后，可以使用[基础文件API的fs.openSync](../reference/apis-core-file-kit/js-apis-file-fs.md#fsopensync)接口，通过URI打开这个文件得到文件描述符（fd）。
129
130   ```ts
131   //这里需要注意接口权限参数是fileIo.OpenMode.READ_WRITE。
132   let file = fs.openSync(uri, fs.OpenMode.READ_WRITE);
133   console.info('file fd: ' + file.fd);
134   ```
135
1365. 通过（fd）使用[基础文件API的fs.writeSync](../reference/apis-core-file-kit/js-apis-file-fs.md#writesync)接口对这个文件进行编辑修改，编辑修改完成后关闭（fd）。
137
138   ```ts
139   let writeLen = fs.writeSync(file.fd, 'hello, world');
140   console.info('write data to file succeed and size is:' + writeLen);
141   fs.closeSync(file);
142
143   ```
144
145## DOWNLOAD模式保存文件
146
147**模式特点**
148
149- 自动创建在`Download/包名/`目录。
150- 跳过文件选择界面直接保存。
151- 返回的URI已具备持久化权限， 用户可在该URI下创建文件。
152
1531. 模块导入。
154
155   ```ts
156   import { fileUri, picker } from '@kit.CoreFileKit';
157   import { fileIo as fs } from '@kit.CoreFileKit';
158   import { BusinessError } from '@kit.BasicServicesKit';
159   import { common } from '@kit.AbilityKit';
160   ```
161
1622. 配置下载模式。
163
164   ```ts
165   const documentSaveOptions = new picker.DocumentSaveOptions();
166   // 配置保存的模式为DOWNLOAD，若配置了DOWNLOAD模式，此时配置的其他documentSaveOptions参数将不会生效。
167   documentSaveOptions.pickerMode = picker.DocumentPickerMode.DOWNLOAD;
168   ```
169
1703. 保存到下载目录。
171
172   ```ts
173   let uri: string = '';
174   // 请在组件内获取context，确保this.getUIContext().getHostContext()返回结果为UIAbilityContext
175   let context = this.getUIContext().getHostContext() as common.UIAbilityContext;
176   const documentViewPicker = new picker.DocumentViewPicker(context);
177   const documentSaveOptions = new picker.DocumentSaveOptions();
178   documentSaveOptions.pickerMode = picker.DocumentPickerMode.DOWNLOAD;
179   documentViewPicker.save(documentSaveOptions).then((documentSaveResult: Array<string>) => {
180     uri = documentSaveResult[0];
181     console.info('documentViewPicker.save succeed and uri is:' + uri);
182     const testFilePath = new fileUri.FileUri(uri + '/test.txt').path;
183     const file = fs.openSync(testFilePath, fs.OpenMode.CREATE | fs.OpenMode.READ_WRITE);
184     fs.writeSync(file.fd, 'Hello World!');
185     fs.closeSync(file.fd);
186   }).catch((err: BusinessError) => {
187     console.error(`Invoke documentViewPicker.save failed, code is ${err.code}, message is ${err.message}`);
188   })
189   ```
190