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)
			})		
	})			
}
相关推荐
ModyQyW9 小时前
vite-plugin-uni-manifest 0.7:在 uni-app 读取之前生成
前端·uni-app
lyz24685910 小时前
uniapp vue3 小程序开发注意事项
uni-app
雪芽蓝域zzs15 小时前
WebStorm Uniapp Support + Uniapp Tool + Uniappx Language Service讲解
vue.js·uni-app·webstorm
普通人616 小时前
Web端3D模型加载实战指南_Vue3_uni-app_HTML
前端·javascript·uni-app·html
PedroQue992 天前
0.8.2 新增 backFallback 配置,无 tabbar 页返回无忧
前端·uni-app
PedroQue993 天前
v0.2.0 架构升级:class + reactive 重塑状态管理
前端·uni-app
CHB5 天前
别再问uni-app x蒸汽模式是否成熟了,已经有大量App案例上架应用商店了
uni-app
anyup6 天前
uView Pro X 1.0.0 发布:全面支持 uni-app x 蒸汽模式,80+ 组件
前端·uni-app·ai编程
zhongben123_6 天前
从零开发一个打车APP:技术选型、系统架构与成本评估指南
大数据·运维·ios·系统架构·uni-app·web app
天蒙蒙亮7 天前
打安卓apk包+“应用商城”发布
前端·uni-app