h5 传给鸿蒙OS图片的base64字符串，怎么将这字符串转成图片并保存到相册 ？

Question

h5 传给鸿蒙OS图片的base64字符串，怎么将这字符串转成图片并保存到相册 ？

Answer 1

目前可以使用下面的demo进行保存操作 在module.json5申请权限：

ohos.permission.WRITE_IMAGEVIDEO
import { webview } from '@kit.ArkWeb'; 
import { util } from '@kit.ArkTS'; 
import { abilityAccessCtrl, common } from '@kit.AbilityKit'; 
import { photoAccessHelper } from '@kit.MediaLibraryKit'; 
import fs from '@ohos.file.fs'; 
 
let base64helper = new util.Base64Helper() 
let buffer: ArrayBuffer; 
let appContext = getContext(this); 
class Picture { 
  picBase64: string = ''; 
  savePicture(picBase64: string) { 
 
    this.picBase64 = picBase64 
    buffer = base64helper.decodeSync(picBase64, util.Type.MIME).buffer as ArrayBuffer 
    this.requestPermissionsFn() 
  } 
  requestPermissionsFn(){ 
    console.log(`request`); 
    try { 
      const atManager = abilityAccessCtrl.createAtManager() 
      //申请相册管理模块权限'ohos.permission.WRITE_IMAGEVIDEO' 
      atManager.requestPermissionsFromUser(appContext, [ 
        'ohos.permission.WRITE_IMAGEVIDEO' 
      ]).then(async () => { 
        console.log(`request Permissions success!`); 
        try { 
          //获取相册管理模块的实例，用于访问和修改相册中的媒体文件 
          let phAccessHelper = photoAccessHelper.getPhotoAccessHelper(appContext); 
          //通过createAsset接口创建图片文件 
          let uri = await phAccessHelper.createAsset(photoAccessHelper.PhotoType.IMAGE, 'png'); // 创建媒体文件 
          console.info('createAsset successfully, uri: ' + uri); 
          let file = await fs.open(uri, fs.OpenMode.READ_WRITE || fs.OpenMode.CREATE); 
          // 使用uri打开文件，可以持续写入内容，写入过程不受时间限制 
          console.log(JSON.stringify(buffer)) 
          await fs.write(file.fd, buffer); 
          // 关闭文件 
          await fs.close(file); 
        } catch (err) { 
          console.error('createAsset failed, message = ', err); 
        } 
      }) 
    } catch (err) { 
      console.info(`requestPermissionsFromUser call Failed! error: ${err.code}`); 
    } 
  } 
} 
@Entry 
@Component 
struct Index { 
  private webController: WebviewController = new webview.WebviewController() 
  @State message: string = 'Hello World'; 
  @State pic: Picture = new Picture() 
  build() { 
    Row() { 
      Column() { 
        Web({ src: $rawfile("index.html"), controller: this.webController }) 
          .height("80%") 
          .javaScriptProxy({ 
            object: this.pic, 
            name: "picture", 
            methodList: ["savePicture"], 
            controller: this.webController 
          }) 
      } 
      .width('100%') 
    } 
    .height('100%') 
  } 
}