鸿蒙Next中如何将在线图片保存到相册

在鸿蒙Next系统中，如何将网页或应用中的在线图片保存到本地相册？需要哪些具体操作步骤或权限设置？是否有需要注意的兼容性问题？

2 回复

在鸿蒙Next中，保存在线图片到相册？简单！用ImagePacker和MediaLibrary配合就行。先下载图片，再调用MediaLibrary的storeMediaAsset方法，记得申请存储权限哦~ 代码一写，图片就乖乖进相册啦！

更多关于鸿蒙Next中如何将在线图片保存到相册的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在鸿蒙Next中，将在线图片保存到相册可以通过以下步骤实现：

1. 添加权限

在 module.json5 文件中添加网络和存储权限：

{
  "module": {
    "requestPermissions": [
      {
        "name": "ohos.permission.INTERNET"
      },
      {
        "name": "ohos.permission.WRITE_IMAGE"
      }
    ]
  }
}

2. 下载图片

使用 @ohos.request 下载图片数据：

import request from '@ohos.request';

async function downloadImage(imageUrl: string): Promise<ArrayBuffer> {
  let options = {
    method: 'GET',
    url: imageUrl,
    expectDataType: request.HttpDataType.ARRAY_BUFFER
  };
  
  let response = await request.request(options);
  return response.result as ArrayBuffer;
}

3. 保存到相册

使用 @ohos.file.photos 将图片写入相册：

import photos from '@ohos.file.photos';

async function saveToGallery(imageData: ArrayBuffer, fileName: string) {
  let photoAccessHelper = photos.getPhotoAccessHelper();
  let options = {
    title: fileName
  };
  
  let uri = await photoAccessHelper.createAsset(options);
  await photoAccessHelper.writeAsset(uri, imageData);
}

4. 完整调用示例

async function saveOnlineImage(url: string, name: string) {
  try {
    let imageData = await downloadImage(url);
    await saveToGallery(imageData, name);
    console.log('图片保存成功');
  } catch (error) {
    console.error('保存失败:', error);
  }
}

// 调用示例
saveOnlineImage('https://example.com/image.jpg', 'myImage');

注意事项：

  1. 需要动态申请存储权限
  2. 确保网络连接正常
  3. 文件名需要包含正确扩展名
  4. 图片数据需要是支持的格式（JPEG/PNG等）

这样就完成了在线图片保存到相册的功能。

回到顶部