uniapp中如何把通过uni.chooseImage上传的图片转换成base64格式

uniapp中如何把通过uni.chooseImage上传的图片转换成base64格式

image-tools官网

javascript 复制代码
//下载包
npm i image-tools --save
//在需要使用的地方引入
import { pathToBase64, base64ToPath } from 'image-tools'
javascript 复制代码
uni.chooseImage({
	count: 1, //默认9
	sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有
	sourceType: ['camera'], //相机选择
	success: res=> {
			console.log("[选择图片]",res)
			this.imgToBase64(res.tempFilePaths[0]).then(base64=>{
					console.log("[转换成base64]",base64)
			})
	 }
});
//把图片转换成base64
imgToBase64(data){
	return new Promise((resolve,reject)=>{
			pathToBase64(data).then(base64 => {
				resolve(base64)
			 }).catch(error => {
				console.error(error)
				reject(error)
			})		
	})			
}
相关推荐
努力搬砖的程序媛儿2 小时前
uniapp广告飘窗
前端·javascript·uni-app
樊南2 小时前
【esp32-uniapp小程序】uniapp小程序篇02——Hbuilder利用git连接远程仓库
git·小程序·gitee·uni-app·hbuilder·torisegit
智驾2 小时前
uniapp,编译运行报错“Error: listen EACCES: permission denied 0.0.0.0:5173“,解决方法
uni-app·error·eacces·5173
大叔_爱编程5 小时前
wx036基于springboot+vue+uniapp的校园快递平台小程序
vue.js·spring boot·小程序·uni-app·毕业设计·源码·课程设计
灰天7686 小时前
摄影交流平台项目Uniapp+Springboot已完成
uni-app
灰天7687 小时前
快递代取项目Uniapp+若依后端管理
uni-app
约定Da于配置12 小时前
uniapp封装websocket
前端·javascript·vue.js·websocket·网络协议·学习·uni-app
大叔_爱编程12 小时前
wx030基于springboot+vue+uniapp的养老院系统小程序
vue.js·spring boot·小程序·uni-app·毕业设计·源码·课程设计
毛毛三由17 小时前
uniapp的插件开发发布指南
uni-app
努力搬砖的程序媛儿19 小时前
uniapp悬浮可拖拽按钮
java·前端·uni-app