HarmonyOS 保存图片到系统相册？

Question

如题：HarmonyOS 保存图片到系统相册？

Answer 1

保存到相册可通过以下方法

1.先创建图片文件，并获取图片uri

2.打开文件

3.通过buffer将数据写到文件中

//Index.ets
import photoAccessHelper from '@ohos.file.photoAccessHelper';
import fs from '@ohos.file.fs';
​
@Entry
@Component
struct Index {
  @State message: string = 'Hello World'
  ​
  ​
  build() {
    Row() {
      Column() {
        Image($r('app.media.icon'))
          .height(300)
          .width(300)
        SaveButton().onClick(async (_event: ClickEvent, result: SaveButtonOnClickResult) => {
          if (result == SaveButtonOnClickResult.SUCCESS) {
            try {
              const context = getContext(this);
              let helper = photoAccessHelper.getPhotoAccessHelper(context);
              // onClick触发后5秒内通过createAsset接口创建图片文件，5秒后createAsset权限收回。
              let uri = await helper.createAsset(photoAccessHelper.PhotoType.IMAGE, 'jpg');
              // 使用uri打开文件，可以持续写入内容，写入过程不受时间限制
              let file = await fs.open(uri, fs.OpenMode.READ_WRITE | fs.OpenMode.CREATE);
              try {
                context.resourceManager.getMediaContent($r('app.media.startIcon').id, 0)
                  .then(async value => {
                    let media = value.buffer;
                    // 写到媒体库文件中
                    await fs.write(file.fd, media);
                    await fs.close(file.fd);
                    AlertDialog.show({message:'已保存至相册!'});
                  });
              }
              catch (err) {
                console.error("error is "+ JSON.stringify(err))
              }
            } catch (error) {
              console.error("error is "+ JSON.stringify(error));
            }
          }
          else {
            AlertDialog.show({ message: "设置权限失败" })
          }
        })
      }
      .width('100%')
    }
    .height('100%')
  }
}

使用http模块下的request方法下载图片，并在该方法的回调函数中保存到相册

先申请以下权限：

ohos.permission.INTERNET

ohos.permission.WRITE\_IMAGEVIDEO 其中ohos.permission.WRITE\_IMAGEVIDEO需要向用户申请授权，可参考文档

https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/request-user-authorization-V5

保存网络图片代码如下：

import { http } from '@kit.NetworkKit'
import { BusinessError } from '@kit.BasicServicesKit';
import ResponseCode from '@ohos.net.http';
import { photoAccessHelper } from '@kit.MediaLibraryKit';
import fs from '@ohos.file.fs';

@Entry
@Component
struct Index {
  loadImageWithUrl(url: string) {
    // 使用request下载图片并在回调函数中保存图片到相册
    http.createHttp().request(url,
      {
        method:http.RequestMethod.GET,
        connectTimeout:60000,
        readTimeout:60000
      },
      async (error: BusinessError, data: http.HttpResponse) => {
        if (error) {
          console.error(`http reqeust failed with. Code: ${error.code}, message: ${error.message}`);
        } else {
          if (ResponseCode.ResponseCode.OK === data.responseCode) {
            let imageBuffer: ArrayBuffer = data.result as ArrayBuffer;
            try {
              // 获取相册路径
              const context = getContext(this);
              let helper = photoAccessHelper.getPhotoAccessHelper(context);
              let uri = await helper.createAsset(photoAccessHelper.PhotoType.IMAGE, 'jpg')
              let file = await fs.open(uri, fs.OpenMode.READ_WRITE | fs.OpenMode.CREATE)
              // 写入文件
              await fs.write(file.fd, imageBuffer);
              // 关闭文件
              await fs.close(file.fd);
            } catch (error) {
              console.error("error is "+ JSON.stringify(error))
            }
          } else {
            console.error("error occurred when image downloaded!")
          }
        }
      })
  }
  ......
}

保存本地图片到相册的方法

let context: Context = getContext(this);
// 获取待保存图像的ArrayBuffer
const resourceMgr: resourceManager.ResourceManager = context.resourceManager;
const fileData: Uint8Array = await resourceMgr.getRawFileContent('beer.jpeg');
const buffer = fileData.buffer;

// 获取相册的保存路径
let helper = photoAccessHelper.getPhotoAccessHelper(context);
let uri = await helper.createAsset(photoAccessHelper.PhotoType.IMAGE, 'jpeg');
let file = await fs.open(uri, fs.OpenMode.READ_WRITE | fs.OpenMode.CREATE);

// 写入文件并关闭文件流
await fs.write(file.fd, buffer);
await fs.close(file.fd);