鸿蒙Next中如何把base64的图片保存到相册

在鸿蒙Next系统中，如何将Base64编码的图片保存到手机相册？目前能成功解码Base64字符串并显示图片，但调用相册保存接口时总是失败，求具体实现代码或解决方案。

2 回复

在鸿蒙Next中，用ImagePacker解码Base64，再用PhotoAccessHelper保存到相册。记得申请存储权限，不然相册会傲娇地拒绝你~

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


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

  1. 解码Base64数据：将Base64字符串转换为字节数组。
  2. 创建图片文件：在设备存储中创建图片文件（如JPEG或PNG）。
  3. 写入文件：将解码后的数据写入文件。
  4. 刷新相册：通知系统相册更新，以便显示新图片。

以下是示例代码（使用ArkTS语言）：

import fs from '@ohos.file.fs';
import mediaLibrary from '@ohos.multimedia.mediaLibrary';
import { BusinessError } from '@ohos.base';

async function saveBase64ToGallery(base64Data: string): Promise<void> {
  try {
    // 1. 解码Base64（移除可能的头部信息，如"data:image/jpeg;base64,"）
    const cleanBase64 = base64Data.replace(/^data:image\/\w+;base64,/, '');
    const buffer = Uint8Array.from(atob(cleanBase64), c => c.charCodeAt(0));

    // 2. 获取媒体库实例和公共图片目录
    const media = mediaLibrary.getMediaLibrary();
    const publicDir = await media.getPublicDirectory(mediaLibrary.DirectoryType.DIR_IMAGE);

    // 3. 创建文件名（基于时间戳）
    const fileName = `img_${Date.now()}.jpg`;
    const filePath = `${publicDir}/${fileName}`;

    // 4. 创建并写入文件
    const file = await fs.open(filePath, fs.OpenMode.READ_WRITE | fs.OpenMode.CREATE);
    await fs.write(file.fd, buffer);
    await fs.close(file.fd);

    // 5. 通知相册刷新
    await mediaLibrary.getMediaLibrary().assetChange(publicDir);

    console.log('图片已保存到相册: ' + filePath);
  } catch (error) {
    console.error('保存失败:', (error as BusinessError).message);
  }
}

// 调用示例
const base64String = 'your_base64_string_here'; // 替换为实际Base64数据
saveBase64ToGallery(base64String);

注意事项：

  • 确保应用已申请相册读写权限（ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO）。
  • Base64字符串若包含头部信息（如data:image/jpeg;base64,），需先移除。
  • 文件路径和错误处理可根据实际需求调整。

此代码适用于HarmonyOS NEXT的Stage模型，使用ArkTS编写。如有问题，请检查权限和Base64数据格式。

回到顶部