当前位置: 首页 > news >正文

uniapp图像转换(获取本地选取或拍照的图片的base64、Blob、图像和base64的转换)

uniapp中提供了uni.chooseImage api  这个是从本地相册选择图片或使用相机拍照。这个api无论是在H5还是app还是小程序等都是适用的,回调函数中我们能拿到图片的路径列表,我们现在要把改路径转为base64编码

如果是小程序端可以采用如下方式实现:

chooseImage() {
	uni.chooseImage({
		count: 1, // 默认9,这里我们只选一张图
		success: async res => {
			const filePath = res.tempFilePaths[0]; // 获取选择的第一张图片路径
			
			// #ifdef MP
			const fs = uni.getFileSystemManager();
			fs.readFile({
				filePath: filePath,
				encoding: 'base64',
				success: dataRes => {
					console.log('data:image/png;base64,' + dataRes.data); // 输出Base64编码的数据
					this.imgUrl = 'data:image/png;base64,' + dataRes.data  // 回显
				},
				fail: err => {
					console.error('读取文件失败', err);
				
http://www.dtcms.com/a/26904.html

相关文章:

  • vscode复制到下一行
  • 什么是网络安全审计?网络安全审计的作用...
  • 【Mastering Vim 2_04】第三章:追随最佳实践:插件管理之道
  • 用PyInstaller构建动态脚本执行器:嵌入式Python解释器与模块打包 - 简明教程
  • 第四天面试题
  • Kafka消息服务之Java工具类
  • 在局域网中连接Grafana数据源
  • 什么是Grok-3?技术特点,场景,潜在问题与挑战
  • 数据结构(第八章 排序算法)
  • 成人床垫更新关于 SOR/2016-183 和《纺织品贴标和广告法规》的合规
  • nginx ngx_http_module(10) 指令详解
  • YOLOv11-ultralytics-8.3.67部分代码阅读笔记-dataset.py
  • Windows编程:在 VS2019 里面,显示行号
  • petalinux高版本设置自动登录和开机自启动配置
  • 敏捷项目管理:适应快速变化的项目环境
  • 武汉小米 Java 岗位一二面校招面经
  • Bazel 教程
  • MyBatis 中 SqlMapConfig 配置文件详解
  • HTML/CSS中交集选择器
  • 前七章综合练习
  • 集合 数据结构 泛型
  • Element UI常用组件
  • 知识库-登陆接口
  • 《论语别裁》第01章 学而(03) 四书五经的假面目
  • 萌新学 Python 之 if 语句的三目运算符
  • SFT数据指令评估-2.基于困惑度的5种指标(微调白盒模型)
  • 一台服务器将docker image打包去另一天服务器安装这个镜像
  • 在 .NET 8/9 中使用 AppUser 进行 JWT 令牌身份验证
  • Web3.py 入门笔记
  • 避坑:过早的文件结束符(EOF):解决“git clone龙蜥OS源码失败”的失败过程