当前位置: 首页 > 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);
				

相关文章:

  • 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中交集选择器
  • 前七章综合练习
  • 4月份全国企业销售收入同比增长4.3%
  • 海运港口股掀涨停潮!回应关税下调利好,有货代称美线舱位爆了
  • 孙简任吉林省副省长
  • 四部门:到2025年底,全国行政村5G通达率超过90%
  • 北京“准80后”干部兰天跨省份调任新疆生态环境厅副厅长
  • 摩根士丹利:对冲基金已加码,八成投资者有意近期增配中国