save-user-file.md 6.6 KB
Newer Older
Z
zengyawen 已提交
1 2 3 4 5 6 7 8 9
# 保存用户文件

在从网络下载文件到本地、或将已有用户文件另存为新的文件路径等场景下,需要使用FilePicker提供的保存用户文件的能力。

对音频、图片、视频、文档类文件的保存操作类似,均通过调用对应picker的save()接口并传入对应的saveOptions来实现。


## 保存图片或视频类文件

H
huweiqi 已提交
10
1. 导入选择器模块和文件管理模块。
Z
zengyawen 已提交
11

Z
zengyawen 已提交
12 13
   ```ts
   import picker from '@ohos.file.picker';
H
huweiqi 已提交
14
   import fs from '@ohos.file.fs';
Z
zengyawen 已提交
15 16 17
   ```

2. 创建图库保存选项实例。
Z
zengyawen 已提交
18

Z
zengyawen 已提交
19 20 21 22 23
   ```ts
   const photoSaveOptions = new picker.PhotoSaveOptions(); // 创建文件管理器保存选项实例
   photoSaveOptions.newFileNames = ["PhotoViewPicker01.jpg"]; // 保存文件名(可选)
   ```

H
huweiqi 已提交
24
3. 创建图库选择器实例,调用[save()](../reference/apis/js-apis-file-picker.md#save)接口拉起FilePicker界面进行文件保存。用户选择目标文件夹,用户选择与文件类型相对应的文件夹,即可完成文件保存操作。保存成功后,返回保存文档的uri。
H
huweiqi 已提交
25
   
H
huweiqi 已提交
26
   </br>save返回的uri权限是读写权限,可以根据结果集中uri进行文件读写等操作。注意不能在picker的回调里直接使用此uri进行打开文件操作,需要定义一个全局变量保存uri,使用类似一个按钮去触发打开文件。
Z
zengyawen 已提交
27

Z
zengyawen 已提交
28
   ```ts
H
huweiqi 已提交
29
   let uri = null;
Z
zengyawen 已提交
30
   const photoViewPicker = new picker.PhotoViewPicker();
31
   photoViewPicker.save(photoSaveOptions).then((photoSaveResult) => {
H
huweiqi 已提交
32 33
     uri = photoSaveResult[0];
     console.info('photoViewPicker.save to file succeed and uri is:' + uri);
34
   }).catch((err) => {
H
huweiqi 已提交
35
     console.error(`Invoke photoViewPicker.save failed, code is ${err.code}, message is ${err.message}`);
36 37 38
   })
   ```

H
huweiqi 已提交
39
4. 待界面从FilePicker返回后,再通过类似一个按钮调用其他函数,使用[fs.openSync](../reference/apis/js-apis-file-fs.md#fsopensync)接口,通过uri打开这个文件得到fd。这里需要注意接口权限参数是fs.OpenMode.READ_WRITE。
40 41

   ```ts
H
huweiqi 已提交
42
   let file = fs.openSync(uri, fs.OpenMode.READ_WRITE);
43 44 45
   console.info('file fd: ' + file.fd);
   ```

46
5. 通过fd使用[fs.writeSync](../reference/apis/js-apis-file-fs.md#writesync)接口对这个文件进行编辑修改,编辑修改完成后关闭fd。
47 48 49 50 51

   ```ts
   let writeLen = fs.writeSync(file.fd, 'hello, world');
   console.info('write data to file succeed and size is:' + writeLen);
   fs.closeSync(file);
Z
zengyawen 已提交
52 53 54 55
   ```

## 保存文档类文件

H
huweiqi 已提交
56
1. 导入选择器模块和文件管理模块。
Z
zengyawen 已提交
57

Z
zengyawen 已提交
58 59
   ```ts
   import picker from '@ohos.file.picker';
H
huweiqi 已提交
60
   import fs from '@ohos.file.fs';
Z
zengyawen 已提交
61 62 63
   ```

2. 创建文档保存选项实例。
Z
zengyawen 已提交
64

Z
zengyawen 已提交
65 66 67 68 69
   ```ts
   const documentSaveOptions = new picker.DocumentSaveOptions(); // 创建文件管理器选项实例
   documentSaveOptions.newFileNames = ["DocumentViewPicker01.txt"]; // 保存文件名(可选)
   ```

H
huweiqi 已提交
70
3. 创建文档选择器实例。调用[save()](../reference/apis/js-apis-file-picker.md#save-3)接口拉起FilePicker界面进行文件保存。用户选择目标文件夹,用户选择与文件类型相对应的文件夹,即可完成文件保存操作。保存成功后,返回保存文档的uri。
H
huweiqi 已提交
71
   
H
huweiqi 已提交
72
   </br>save返回的uri权限是读写权限,可以根据结果集中uri进行文件读写等操作。注意不能在picker的回调里直接使用此uri进行打开文件操作,需要定义一个全局变量保存uri,使用类似一个按钮去触发打开文件。
Z
zengyawen 已提交
73 74

   ```ts
H
huweiqi 已提交
75
   let uri = null;
Z
zengyawen 已提交
76
   const documentViewPicker = new picker.DocumentViewPicker(); // 创建文件选择器实例
77
   documentViewPicker.save(documentSaveOptions).then((documentSaveResult) => {
H
huweiqi 已提交
78 79
     uri = documentSaveResult[0];
     console.info('documentViewPicker.save to file succeed and uri is:' + uri);
80
   }).catch((err) => {
H
huweiqi 已提交
81
     console.error(`Invoke documentViewPicker.save failed, code is ${err.code}, message is ${err.message}`);
82 83 84
   })
   ```

H
huweiqi 已提交
85
4. 待界面从FilePicker返回后,再通过类似一个按钮调用其他函数,使用[fs.openSync](../reference/apis/js-apis-file-fs.md#fsopensync)接口,通过uri打开这个文件得到fd。这里需要注意接口权限参数是fs.OpenMode.READ_WRITE。
86 87

   ```ts
H
huweiqi 已提交
88
   let file = fs.openSync(uri, fs.OpenMode.READ_WRITE);
89 90 91
   console.info('file fd: ' + file.fd);
   ```

92
5. 通过fd使用[fs.writeSync](../reference/apis/js-apis-file-fs.md#writesync)接口对这个文件进行编辑修改,编辑修改完成后关闭fd。
93 94 95 96 97

   ```ts
   let writeLen = fs.writeSync(file.fd, 'hello, world');
   console.info('write data to file succeed and size is:' + writeLen);
   fs.closeSync(file);
Z
zengyawen 已提交
98 99 100 101
   ```

## 保存音频类文件

H
huweiqi 已提交
102
1. 导入选择器模块和文件管理模块。
Z
zengyawen 已提交
103

Z
zengyawen 已提交
104 105
   ```ts
   import picker from '@ohos.file.picker';
H
huweiqi 已提交
106
   import fs from '@ohos.file.fs';
Z
zengyawen 已提交
107 108 109
   ```

2. 创建音频保存选项实例。
Z
zengyawen 已提交
110

Z
zengyawen 已提交
111 112 113 114 115
   ```ts
   const audioSaveOptions = new picker.AudioSaveOptions(); // 创建文件管理器选项实例
   audioSaveOptions.newFileNames = ['AudioViewPicker01.mp3']; // 保存文件名(可选)
   ```

H
huweiqi 已提交
116
3. 创建音频选择器实例。调用[save()](../reference/apis/js-apis-file-picker.md#save-6)接口拉起FilePicker界面进行文件保存。用户选择目标文件夹,用户选择与文件类型相对应的文件夹,即可完成文件保存操作。保存成功后,返回保存文档的uri。
H
huweiqi 已提交
117
   
H
huweiqi 已提交
118
   </br>save返回的uri权限是读写权限,可以根据结果集中uri进行文件读写等操作。注意不能在picker的回调里直接使用此uri进行打开文件操作,需要定义一个全局变量保存uri,使用类似一个按钮去触发打开文件。
H
huweiqi 已提交
119
   
Z
zengyawen 已提交
120
   ```ts
H
huweiqi 已提交
121
   let uri = null;
Z
zengyawen 已提交
122
   const audioViewPicker = new picker.AudioViewPicker();
123
   audioViewPicker.save(audioSaveOptions).then((audioSelectResult) => {
H
huweiqi 已提交
124 125
     uri = audioSelectResult[0];
     console.info('audioViewPicker.save to file succeed and uri is:' + uri);
126
   }).catch((err) => {
H
huweiqi 已提交
127
     console.error(`Invoke audioViewPicker.save failed, code is ${err.code}, message is ${err.message}`);
128 129 130
   })
   ```

H
huweiqi 已提交
131
4. 待界面从FilePicker返回后,再通过类似一个按钮调用其他函数,使用[fs.openSync](../reference/apis/js-apis-file-fs.md#fsopensync)接口,通过uri打开这个文件得到fd。这里需要注意接口权限参数是fs.OpenMode.READ_WRITE。
132 133

   ```ts
H
huweiqi 已提交
134
   let file = fs.openSync(uri, fs.OpenMode.READ_WRITE);
135 136 137
   console.info('file fd: ' + file.fd);
   ```

138
5. 通过fd使用[fs.writeSync](../reference/apis/js-apis-file-fs.md#writesync)接口对这个文件进行编辑修改,编辑修改完成后关闭fd。
139 140 141 142 143

   ```ts
   let writeLen = fs.writeSync(file.fd, 'hello, world');
   console.info('write data to file succeed and size is:' + writeLen);
   fs.closeSync(file);
Z
zengyawen 已提交
144
   ```
145