在鸿蒙中如何把网络图片保存到相册中

配置ohos.permission.WRITE_IMAGEVIDEO权限

首先我们须要配置一下图片写入的权限，注意这个权限是受限权限，我们须要使用自动签名，但使用的DevEco Studio版本低于4.0 Release，在开辟过程中使用了这个权限也叫ACL权限，则须要采用手动签名。请根据自己用的版本变换签名方式。
操作步调

第一步

在module.json5文件中配置ohos.permission.WRITE_IMAGEVIDEO权限。示例代码如下：

1. {
2.   "name" : "ohos.permission.WRITE_IMAGEVIDEO",
3.   "reason": "$string:file_reason_desc",
4.   "usedScene": {
5.     "when":"always"
6.   }
7. }

复制代码

具体位置如下：

配置好了这个权限之后，运行时会报一个错误，说你使用的权限是受限权限，没有签名不能使用。
第二步

那么我们就须要去配置一下签名了，我使用的DevEco Studio版本是5.0.3.100，所以我就直接使用自动签名了，如果有小搭档使用的是4.0以下的版本，请使用手动签名。具体操作如下：
进入File > Project Structure… > Project > Signing Configs界面，勾选“Automatically generate signature”（如果是HarmonyOS工程，需同时勾选“Support HarmonyOS”），即可完成签名。如果未登录，请先单击Sign In进行登录，然后自动完成签名。

手动签名可参考鸿蒙开辟中央
实现功能代码

配置好了这个权限后，就可以去est文件写代码了，示例代码如下：

1. import { abilityAccessCtrl, common } from '@kit.AbilityKit';
2. import { photoAccessHelper } from '@kit.MediaLibraryKit';
3. import fs from '@ohos.file.fs';
4. import { http } from '@kit.NetworkKit';
5. import { promptAction } from '@kit.ArkUI';
6. @Entry
7. @Component struct Index {
8. @State message: string = 'Hello World'
9. private appContext: common.Context = getContext(this);
10. private atManager = abilityAccessCtrl.createAtManager();
12. build() {
13.    Row() {
14.      Column() {
15.        Text(this.message)
16.        .fontSize(50)
17.        .fontWeight(FontWeight.Bold)
18.       Button("保存图片")
19.       .margin({ top: 10 })
20.       .onClick(async (event: ClickEvent) => {
21.           //申请权限并保存图片到图库
22.         try {
23.         //申请相册管理模块权限'ohos.permission.WRITE_IMAGEVIDEO'
24.          this.atManager.requestPermissionsFromUser(this.appContext, [ 'ohos.permission.WRITE_IMAGEVIDEO' ]).then(async () => {
25.         //权限申请成功，保存到图库
26.         let context = getContext();
27.         //获取相册管理模块的实例，用于访问和修改相册中的媒体文件
28.         let phAccessHelper = photoAccessHelper.getPhotoAccessHelper(context);
29.         // onClick触发后10秒内通过createAsset接口创建图片文件，10秒后createAsset权限收回
30.         let uri = await phAccessHelper.createAsset(photoAccessHelper.PhotoType.IMAGE, 'jpg');
31.        // 创建媒体文件
32.        console.info('createAsset successfully, uri: ' + uri);
33.        let file = fs.openSync(uri, fs.OpenMode.READ_WRITE || fs.OpenMode.CREATE);
34.       let totalSize = 0;
35.       let httpRequest = http.createHttp();
36.        httpRequest.on("dataReceive", (data: ArrayBuffer) => {
37.       let writeLen = fs.writeSync(file.fd, data);
38.       totalSize = totalSize + writeLen; });
39.       httpRequest.requestInStream('https://developer.huawei.com/allianceCmsResource/resource/HUAWEI_Developer_VUE/images/homeNew/next- pc.png',
40.        { method: http.RequestMethod.GET, connectTimeout: 3000, }, httpCode => {
41.          console.info('requestInStream HTTP CODE is', httpCode) })
42.           httpRequest.on("dataEnd", () => {
43.           fs.close(file);
44.         promptAction.showDialog({ title: "下载图片结束，并保存至相册", message: `图片大小:${totalSize}字节` }) }) })
45.           } catch (err) {
46.             console.error(`requestPermissionsFromUser call Failed! error: ${err.code}`); } }) }
47.           .width('100%')
48.          }
49.        .height('100%')
50.     }
51. }

复制代码

此代码仅供参考，里面保存的图片网址须要更换为咱们自己的噢~
另有最紧张的一点，这个功能只能在真机运行时，可以看到保存的图片，在模拟器中保存的图片是空缺的，咱也不知道是为啥，有没有懂哥，愿闻其详。
对了，这里没有提到申请网络权限ohos.permission.INTERNET，那是由于它不是受限权限，可直接在module.json5文件中配置即可，不须要其他操作。
这个是近来遇到的一点小题目，现在解决了，赶紧趁还熟悉，就出了这个博客，写鸿蒙的小搭档们，拿走不谢~~，求赞，求赞，求赞，紧张的事变说三遍

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