鸿蒙 如何将base64的图片保存到相册

把一个base64图片 保存到鸿蒙手机 相册中怎么实现呢?

下面有2中方法

方案一:可以通过安全控件「保存控件(SaveButton)」实现。该控件对应媒体库写入特权。应用集成保存控件后,用户点击该控件,应用会获取10秒内单次访问媒体库特权接口的授权。

参考代码:

import { photoAccessHelper } from '@kit.MediaLibraryKit';
import fs from '@ohos.file.fs';
import { http } from '@kit.NetworkKit';
import { promptAction } from '@kit.ArkUI';/** * 参考资料: * https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/photoaccesshelper-resource-guidelines-0000001774280306-V5#ZH-CN_TOPIC_0000001881258417__使用安全控件创建媒体资源 */
@Entry
@Component
struct Index {@State message: string = 'Hello World'@State saveButtonOptions: SaveButtonOptions = {icon: SaveIconStyle.FULL_FILLED,text: SaveDescription.SAVE_IMAGE,buttonType: ButtonType.Capsule}// 设置安全控件按钮属性build() {Row() {Column() {Text(this.message).fontSize(50).fontWeight(FontWeight.Bold)SaveButton(this.saveButtonOptions)// 创建安全控件按钮.onClick(async (event, result: SaveButtonOnClickResult) => {if (result == SaveButtonOnClickResult.SUCCESS) {let context = getContext();//获取相册管理模块的实例,用于访问和修改相册中的媒体文件 let phAccessHelper = photoAccessHelper.getPhotoAccessHelper(context); // onClick触发后10秒内通过createAsset接口创建图片文件,10秒后createAsset权限收回let uri = await phAccessHelper.createAsset(photoAccessHelper.PhotoType.IMAGE, 'jpg');// 创建媒体文件console.info('createAsset successfully, uri: ' + uri);let file = fs.openSync(uri, fs.OpenMode.READ_WRITE || fs.OpenMode.CREATE);let totalSize = 0;let httpRequest = http.createHttp();httpRequest.on("dataReceive", (data: ArrayBuffer) => {let writeLen = fs.writeSync(file.fd, data);totalSize = totalSize + writeLen;});httpRequest.requestInStream('https://developer.huawei.com/allianceCmsResource/resource/HUAWEI_Developer_VUE/images/homeNew/next- pc.png',{ method: http.RequestMethod.GET, connectTimeout: 3000, }, httpCode => {console.info('requestInStream HTTP CODE is', httpCode)})httpRequest.on("dataEnd", () => {fs.close(file);promptAction.showDialog({ title: "下载图片结束,并保存至相册", message: `图片大小:${totalSize}字节` })})} else {console.error('SaveButtonOnClickResult create asset failed');}})}.width('100%')}.height('100%')}
}

方案二:通过申请ACL权限。需要在module.json5文件中配置ohos.permission.WRITE_IMAGEVIDEO权限。类似这样: { // 允许修改用户公共目录的图片或视频文件。 "name": "ohos.permission.WRITE_IMAGEVIDEO", "reason": "$string:internet_permission_reason", "usedScene": { "when": "always" } }

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/27278.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

CI/CD实战面试宝典:从构建到高可用性的全面解析

实战部署与配置 请描述你设计和实现的一个CI/CD pipeline的完整流程,包括构建、测试、部署各个阶段。 我设计的CI/CD pipeline通常包括以下几个阶段: 代码提交:开发人员将代码提交到Git仓库,触发CI/CD流程。代码检查&#xff1…

【区分vue2和vue3下的element UI Transfer 穿梭框组件,分别详细介绍属性,事件,方法如何使用,并举例】

Element UI 是为 Vue 2 设计的,而 Element Plus 是 Element UI 的 Vue 3 版本。在这两个版本中,Transfer 穿梭框组件(如果有的话)的 API 和使用方式可能会有所不同。以下是根据我对这两个版本组件的了解,对 Vue 2 的 E…

springcloud gateway转发websocket请求的404问题定位

一、问题 前端小程序通过springcloud gateway接入并访问后端的诸多微服务,几十个微服务相关功能均正常,只有小程序到后端推送服务的websocket连接建立不起来,使用whireshark抓包,发现在小程序通过 GET ws://192.168.6.100:8888/w…

持续总结中!2024年面试必问 20 道并发编程面试题(六)

上一篇地址:持续总结中!2024年面试必问 20 道并发编程面试题(五)-CSDN博客 十一、什么是信号量(Semaphore)? 信号量是一种并发编程中使用的同步机制,用于控制对共享资源的访问。它…

Robot Operating System (ROS)中,发布与订阅

在Robot Operating System (ROS)中,发布与订阅是一种基于主题的异步消息传递机制,用于节点间的通信。ROS的设计是围绕着这一概念,它允许不同节点之间解耦,每个节点专注于自己的任务,通过发布和订阅消息来与其他节点交互…

计算机体系结构重点学习

从外部I/O与上层应用交互的整体软硬件过程 上层应用发出I/O请求:上层应用程序,如一个文本编辑器、网络浏览器或者任何软件应用,需要读取或写入数据时,会通过调用操作系统提供的API(如文件操作API、网络操作API等&…

SpringBoot之请求映射原理

前言 我们发出的请求,SpringMVC是如何精准定位到那个Controller以及具体方法?其实这都是 HandlerMapping 发挥的作用,这篇博文我们以 RequestMappingHandlerMapping 为例并结合源码一步步进行分析。 定义HandlerMapping 默认 HandlerMappi…

赶紧收藏!2024 年最常见 20道并发编程面试题(五)

上一篇地址:赶紧收藏!2024 年最常见 20道并发编程面试题(四)-CSDN博客 九、什么是信号量(Semaphores)? 信号量(Semaphores)是一种用于控制多个线程或进程对共享资源访问…

Docker部署常见应用之桌面版系统ubuntu-desktop

文章目录 ubuntu-desktop 简介ubuntu-desktop 部署参考文章 ubuntu-desktop 简介 colinchang/ubuntu-desktop 是一个Docker镜像,基于KasmWeb⁠的 Ubuntu 22.04 桌面版(Web) Docker Image。镜像替换了阿里云Ubuntu Jammy镜像源,安…

0074__Microsoft Typography documentation

Microsoft Typography documentation - Typography | Microsoft Learn

重生之 SpringBoot3 入门保姆级学习(21、场景整合 Redis 定制对象序列化存储)

重生之 SpringBoot3 入门保姆级学习(21、场景整合 Redis 定制对象序列化存储) 6.4 定制化 6.4 定制化 需求:保存一个 Person 对象到 redis 创建 Person 类 package com.zhong.redis.entity;import lombok.AllArgsConstructor; import lombok…

HTML5网页成品(普洱茶购买)

1.完整代码 <!doctype html> <html> <head> <meta charset"utf-8"> <title>无标题文档</title> <style> .span{border: 1px solid #BCB9B9;margin: 2px 5px;color: #6B76EF} </style> </head> …

浅谈C++基本框架内涵及其学习路线

目录 一.C的内涵本质 1. 面向对象编程&#xff08;OOP&#xff09; 2. 低级控制 3. 模板编程 4. 标准库&#xff08;STL&#xff09; 5. 多范式支持 二.学习路线 1. 基础阶段 C基础语法 函数 数组和指针 2. 面向对象编程 类和对象 继承和多态 运算符重载 3. 高级…

JS 【算法】二分查找

使用场景 在有序数组中查找目标元素 const arr [1, 2, 3, 4, 5, 6, 7, 8, 9] const target 2 console.log(binarySearch1(arr, target)) console.log(binarySearch2(arr, target))循环实现 function binarySearch1(arr, target) {const length arr.lengthif (length 0) re…

Mysql的基础命令有哪些?

MySQL的基础命令主要涵盖了连接数据库、操作数据库、操作表、插入数据、查询数据等多个方面。以下是对这些基础命令的清晰归纳&#xff1a; 1. 连接MySQL 格式: mysql -h主机地址 -u用户名 -p用户密码 连接到本机上的MySQL: mysql -uroot -p &#xff08;如果root用户没有密码…

DP专项训练

第一题 来源:P3609 [USACO17JAN] Hoof, Paper, Scissor G 题意 给你n个蹄子/剪刀/布&#xff0c;在你没改变前出法均相同&#xff0c;可以改k次之后最多的相同的局数有多少。做法 线性DP 因为手势用的字符表示&#xff0c;为方便可以转换为数字 void calc(int i,char a){…

【服务的主从切换实现原理】

文章目录 主从架构介绍zookeeper利用ZK实现主从架构 主从架构介绍 主从服务架构是一种常见的分布式系统设计模式&#xff0c;常用于提高系统的性能、可用性和扩展性。在这种架构中&#xff0c;系统中的节点被分为两类&#xff1a;主节点&#xff08;Master&#xff09;和从节点…

斯坦福的新工具,生物计算,操作系统与AI融合之路

一支烟花官网&#xff1a; https://agifun.love 智源社区 斯坦福让“GPU高速运转”的新工具火了&#xff0c;比FlashAttention2更快 西风 发自 凹非寺量子位 | 公众号 QbitAIAI算力资源越发紧张的当下&#xff0c;斯坦福新研究将GPU运行效率再提升一波——内核只有100行代码…

Java基础面试重点-1

0. 符号&#xff1a; *&#xff1a;记忆模糊&#xff0c;验证后特别标注的知识点。 &&#xff1a;容易忘记知识点。 *&#xff1a;重要的知识点。 1. 简述一下Java面向对象的基本特征&#xff08;四个&#xff09;&#xff0c;以及你自己的应用&#xff1f; 抽象&#…

R可视化:ggpubr包学习

欢迎大家关注全网生信学习者系列&#xff1a; WX公zhong号&#xff1a;生信学习者 Xiao hong书&#xff1a;生信学习者 知hu&#xff1a;生信学习者 CDSN&#xff1a;生信学习者2 介绍 ggpubr是我经常会用到的R包&#xff0c;它傻瓜式的画图方式对很多初次接触R绘图的人来…