支持鸿蒙next的uts插件

news2025/5/9 23:22:14

*本文共四个功能函数,相当于四个插件。作者为了偷懒写成了一个插件,调对应的函数即可。

1、chooseImageHarmony函数:拉起相册选择图片并转为Base64
2、takePhotoAndConvertToBase64函数:拉起相机拍照并转为Base64
3、openBrowser函数:打开外部的华为浏览器并跳转
4、openAppMarket函数:打开鸿蒙应用商店并跳转

以下为实现的核心代码

index.uts
import picker from '@ohos.file.picker';
import fs from '@ohos.file.fs';
import image from '@ohos.multimedia.image';
import { ImageUtil } from '@pura/harmony-utils';

import picker2 from '@ohos.multimedia.cameraPicker'
import camera from '@ohos.multimedia.camera';
import common from '@ohos.app.ability.common';
// import { BusinessError } from '@ohos.base';
import fileuri from '@ohos.file.fileuri';
// import fs from '@ohos.file.fs';
import { buffer } from '@kit.ArkTS';
import { image as image2 } from '@kit.ImageKit';

import { Want, common as common2 } from '@kit.AbilityKit';

// 拉起相册选择图片并转为Base64
export async function chooseImageHarmony(): Promise<string> {
	let file: fs.File | null = null;
	let imageSource: image.ImageSource | null = null;
	let pixelMap: image.PixelMap | null = null;
	
	try {
		// 1. 调用文件选择器
		const photoPicker = new picker.PhotoViewPicker();
		const selectOptions: picker.PhotoSelectOptions = {
			maxSelectNumber: 1, // 限制只能选择 1 张图片
			MIMEType: picker.PhotoViewMIMETypes.IMAGE_TYPE, // 可选:限制图片类型
		};
		const fileResult = await photoPicker.select(selectOptions);
		
		// 2. 获取到URI
		const uri = fileResult.photoUris[0];
		
		// 3. 使用文件描述符
		file = fs.openSync(uri, fs.OpenMode.READ_ONLY);
		
		// 4. 创建ImageSource并获取PixelMap
		imageSource = image.createImageSource(file.fd);
		
		// 5. 获取图片属性来得到原始尺寸
		const imageInfo = await imageSource.getImageInfo();
		const originalWidth = imageInfo.size.width;
		const originalHeight = imageInfo.size.height;
		
		// 6. 定义压缩选项 - 使用正确的类型声明
		const decodingOptions: image.DecodingOptions = {
		    desiredSize: {
		        width: Math.min(800, originalWidth),  // 不超过800px
		        height: Math.round((Math.min(800, originalWidth) / originalWidth) * originalHeight)
		    },
		    desiredPixelFormat: image.PixelMapFormat.RGBA_8888,
		    // 以下是必须包含的默认值
		    desiredRegion: {
		        size: { width: originalWidth, height: originalHeight },
		        x: 0,
		        y: 0
		    },
		    editable: false
		};
		
		pixelMap = await imageSource.createPixelMap(decodingOptions);
		
		// 7. 转换为Base64
		const base64Str: string = await ImageUtil.pixelMapToBase64Str(pixelMap);
		
		return base64Str
	} catch (error) {
		return ""
	} finally {
		imageSource?.release()
		pixelMap?.release();
		// 关闭文件(使用 fs.close(file.fd))
		if (file?.fd !== undefined) {
			fs.close(file.fd); // ✅ HarmonyOS NEXT 使用 fs.close(fd)
		}
	}
}

class CameraPosition {
  cameraPosition: camera.CameraPosition;
  saveUri: string;

  constructor(cameraPosition: camera.CameraPosition, saveUri: string) {
    this.cameraPosition = cameraPosition;
    this.saveUri = saveUri;
  }
}

// 拉起相机拍照并转为Base64
export async function takePhotoAndConvertToBase64(): Promise<string> {
	let base64Str = ''
	// 获取上下文
	const context = getContext() as common.Context;
  const pathDir = context.filesDir;
  // 文件临时路径
  const filePath = pathDir + '/' + new Date().getTime() + '.jpg';
	
  fs.createRandomAccessFileSync(filePath, fs.OpenMode.CREATE);
  const uri = fileuri.getUriFromPath(filePath);
	
  try {
		// 唤起相机
    let pickerProfile = new CameraPosition(camera.CameraPosition.CAMERA_POSITION_BACK, uri);
    await picker2.pick(context, [picker2.PickerMediaType.PHOTO], pickerProfile);
    const file = await fs.open(uri, fs.OpenMode.READ_ONLY);
		
    const imageSource: image.ImageSource = image2.createImageSource(file.fd);
    const imagePackerApi = image2.createImagePacker();
    const packOpts: image.PackingOption = { format: "image/jpeg", quality: 70 };

    const imageBuffer = await imagePackerApi.packing(imageSource, packOpts);
    base64Str = buffer.from(imageBuffer).toString('base64');
		const base64Str2 = 'data:image/jpeg;base64,' + base64Str;

    return base64Str2;

  } catch (error) {
    // let err = error as BusinessError;
    console.error(`拍照失败`);
    return '';
  } finally {
		
	}
}

// 打开外部的华为浏览器并跳转
export function openBrowser(url: string): void {
  // 1. 获取正确的上下文
  const context = getContext() as common2.UIAbilityContext;

  // 2. 明确定义 Want 类型
  const want: Want = {
		"action": "ohos.want.action.viewData",
		"entities": ["entity.system.browsable"],
		"uri": url,
		"type": "text/plain"
  };

  // 3. 正确处理 Promise 类型
  context.startAbility(want)
    .then((): void => {  // 明确指定返回类型
      console.log('openUrl: successfully');
    })
    .catch((err: Error): void => {  // 明确指定返回类型和错误类型
      console.error('openURL Failed:', err);
    });
}

// 打开鸿蒙应用商店并跳转
export function openAppMarket(url: string): void {
	// 1. 获取正确的上下文
	const context = getContext() as common2.UIAbilityContext;
	
  const appMarketWant: Want = {
    uri: url,
  };

  context.startAbility(appMarketWant)
    .then((): void => {
      console.log('AppMarket opened successfully');
    })
    .catch((err: Error): void => {
      console.error('Failed to open AppMarket:', err);
    });
}

使用示例:

导入插件:
import { chooseImageHarmony, takePhotoAndConvertToBase64, openBrowser, openAppMarket } from “@/uni_modules/ywx-getImageToBase64”;

调用函数:
1、const base64Data = await chooseImageHarmony();
2、const base64Data = await takePhotoAndConvertToBase64();
3、openBrowser(“https://hmapp.gisgm.cn/tdjg”)
4、openAppMarket(“store://appgallery.huawei.com/app/detail?id=” + ‘com.example.shilrey’)

作者已经实现的功能,有任何疑问请在评论区讨论。

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

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

相关文章

深入理解负载均衡:传输层与应用层的原理与实战

目录 前言1. 传输层&#xff08;Layer 4&#xff09;负载均衡1.1 工作层级与核心机制1.2 实现方式详解1.3 优缺点分析1.4 典型实现工具 2. 应用层&#xff08;Layer 7&#xff09;负载均衡2.1 工作层级与核心机制2.2 实现方式解析2.3 优缺点分析2.4 常用实现工具 3. Layer 4 与…

WPF之Slider控件详解

文章目录 1. 概述2. 基本属性2.1 值范围属性2.2 滑动步长属性2.3 刻度显示属性2.4 方向属性2.5 选择范围属性 3. 事件处理3.1 值变化事件3.2 滑块拖动事件 4. 样式和模板自定义4.1 基本样式设置4.2 控件模板自定义 5. 数据绑定5.1 绑定到ViewModel5.2 同步多个控件 6. 实际应用…

企业微信自建消息推送应用

企业微信自建应用来推送消息 前言 最近有个给特定部门推送消息的需求&#xff0c;所以配置一个应用专门用来推送消息。实现过程大致为&#xff1a;服务器生成每天的报告&#xff0c;通过调用API来发送消息。以前一直都是发邮件&#xff0c;整个邮箱里全是报告文件&#xff0c…

日志之ClickHouse部署及替换ELK中的Elasticsearch

文章目录 1 ELK替换1.1 Elasticsearch vs ClickHouse1.2 环境部署1.2.1 zookeeper 集群部署1.2.2 Kafka 集群部署1.2.3 FileBeat 部署1.2.4 clickhouse 部署1.2.4.1 准备步骤1.2.4.2 添加官方存储库1.2.4.3 部署&启动&连接1.2.4.5 基本配置服务1.2.4.6 测试创建数据库和…

解构与重构:自动化测试框架的进阶认知之旅

目录 一、自动化测试的介绍 &#xff08;一&#xff09;自动化测试的起源与发展 &#xff08;二&#xff09;自动化测试的定义与目标 &#xff08;三&#xff09;自动化测试的适用场景 二、什么是自动化测试框架 &#xff08;一&#xff09;自动化测试框架的定义 &#x…

DockerDesktop替换方案

背景 由于DockerDesktop并非开源软件&#xff0c;如果在公司使用&#xff0c;可能就有一些限制&#xff0c;那是不是除了使用DockerDesktop外&#xff0c;就没其它办法了呢&#xff0c;现在咱们来说说替换方案。 WSL WSL是什么&#xff0c;可自行百度&#xff0c;这里引用WS…

力扣热题100之搜索二维矩阵 II

题目 编写一个高效的算法来搜索 m x n 矩阵 matrix 中的一个目标值 target 。该矩阵具有以下特性&#xff1a; 每行的元素从左到右升序排列。 每列的元素从上到下升序排列。 代码 方法一&#xff1a;直接全体遍历 这个方法很直接&#xff0c;但是居然没有超时&#xff0c…

docker操作镜像-以mysql为例

Docker安装使用-CSDN博客 docker操作镜像-以mysql为例 当安装一个新的镜像时可以登录https://hub.docker.com/直接搜索想要安装的镜像&#xff0c;查看文档 1&#xff09;拉取镜像 docker pull mysql 或者 docker pull mysql:版本号 然后直接跳到第4&#xff09;步即可 2…

使用OpenCV 和 Dlib 进行卷积神经网络人脸检测

文章目录 引言1.准备工作2.代码解析2.1 导入必要的库2.2 加载CNN人脸检测模型2.3 加载并预处理图像2.4 进行人脸检测2.5 绘制检测结果2.6 显示结果 3.完整代码4.性能考虑5.总结 引言 人脸检测是计算机视觉中最基础也最重要的任务之一。今天我将分享如何使用dlib库中的CNN人脸检…

React 实现 JWT 登录验证的最小可运行示例

下面是一个用 React 实现 JWT 登录验证的最小可运行示例&#xff0c;包含&#xff1a; React 前端&#xff1a;登录、保存 Token、获取用户数据。模拟后端&#xff1a;用 mock API&#xff08;你也可以接真后端&#xff09;。 &#x1f9f1; 技术栈 React&#xff08;使用 Vi…

Power Query精通指南1:查询结构设计、数据类型、数据导入与迁移(平面文件、Excel、Web)

文章目录 零、Power Query简介0.1 Power Query 主要功能0.2 Power Query 的优势0.3 Power Query 组件 一、Power Query数据处理基本流程1.1 前期准备1.2 提取1.3 转换1.3.1 Power Query 编辑器界面1.3.2 默认转换1.3.3 自定义转换 1.4 加载1.4.1 自动检测数据类型1.4.2 重命名查…

vue2开发者sass预处理注意

vue2开发者sass预处理注意 sass的预处理器&#xff0c;早年使用node-sass&#xff0c;也就是vue2最初默认的编译器。 sass官方推出了dart-sass来替代。 node-sass已经停维很久了。 vue3默认使用的是dart-sass。 Uniapp的官方文档截图 从 HBuilderX 4.56 &#xff0c;vue2 …

使用 Selenium 爬取动态网页数据 —— 实战与坑点详解

本文记录了笔者在爬取网页数据过程中遇到的各种技术挑战&#xff0c;包括页面动态渲染、JavaScript 注入等问题&#xff0c;并最终给出一个可运行的完整方案。 文章目录 网页获取不到数据&#x1f680; 尝试用 Selenium 渲染页面 网页获取不到数据 某网页数据依赖大量 JavaSc…

守护数字家园:个人博客安全防护指南

前言 在之前的文章《WordPress个人博客搭建&#xff08;一&#xff09;》《WordPress个人博客搭建&#xff08;二&#xff09;》《WordPress个人博客搭建&#xff08;三&#xff09;》中&#xff0c;我们已经在非凡云云服务器上&#xff0c;借助1Panel搭建起属于自己的数字庭院…

【网络编程】三、TCP网络套接字编程

文章目录 TCP通信流程Ⅰ. 服务器日志类实现Ⅱ. TCP服务端1、服务器创建流程2、创建套接字 -- socket3、绑定服务器 -- bind&#x1f38f;4、服务器监听 -- listen&#x1f38f;5、获取客户端连接请求 -- acceptaccept函数返回的套接字描述符是什么&#xff0c;不是已经有一个了…

trae ai编程工具

Trae&#xff0c;致力于成为真正的 AI 工程师&#xff08;The Real Al Engineer&#xff09;。Trae 旗下的 AI IDE 产品&#xff0c;以智能生产力为核心&#xff0c;无缝融入你的开发流程&#xff0c;与你默契配合&#xff0c;更高质量、高效率完成每一个任务。 版本差异 国内…

神经网络发展历程——积跬步至千里

神经网络类型层线性or非线性创新问题备注感知器单层线性模型&#xff0c;输出 1 1 1&#xff0c; − 1 -1 −1误差反馈学习阈值函数不可导&#xff0c;构造学习规则与感知器准则等价线性神经元单层线性模型梯度下降法训练参数线性函数&#xff0c;多层仍是线性变换本质上是最小…

荣耀A8互动娱乐组件部署实录(第2部分:界面逻辑与资源加载机制)

作者&#xff1a;从 Spine 骨骼动画里抠图三小时没睡的美术兼前端苦工 一、界面整体架构拆解 荣耀A8组件采用的是典型的分模块 UI 架构&#xff0c;即&#xff1a;主界面为入口容器&#xff0c;不同子页面&#xff08;如商城、银行、客服、游戏入口&#xff09;以逻辑功能划分…

mac 使用 Docker 安装向量数据库Milvus独立版的保姆级别教程

Milvus 特点&#xff1a;开源的云原生向量数据库&#xff0c;支持多种索引类型和GPU加速&#xff0c;能够在亿级向量规模下实现低延迟高吞吐。具有灵活的部署选项和强大的社区支持。 适用场景&#xff1a;适合处理超大规模数据和高性能需求的应用&#xff0c;如图像搜索、推荐…

技术视界 | 青龙机器人训练地形详解(一):如何创建一个地形

机器人强化学习中的地形训练是利用强化学习算法让机器人在不同地形环境中通过试错学习最优行为策略的过程&#xff0c;通过环境建模、策略学习与优化等环节&#xff0c;使机器人能够自主适应复杂多变的地形&#xff0c;提高其移动效率、稳定性和自主性&#xff0c;减少人为干预…