前端uniapp如何转base64使用uniapp插件市场

插件市场

网址

使用

可以下载,也可以引用,我是下载下来的引用

代码

正常使用

javascript 复制代码
pathToBase64(img).then(path => {
							img = path
							resolve(path)
						})
						.catch(error => {
							console.error(error)
							reject(error)
						})

使用出现[object Promise]错误

解决方法

javascript 复制代码
let img = uni.getStorageSync('tempFilePath');
				const myPromise = new Promise((resolve, reject) => {
					// 执行异步操作
					// 当操作完成时调用resolve()或reject()
					pathToBase64(img).then(path => {
							img = path
							resolve(path)
						})
						.catch(error => {
							console.error(error)
							reject(error)
						})
				});
				myPromise.then(result => {
					// 在Promise被解析时执行的回调函数
					console.log(result, '成功回调'); // 输出Promise的值
				}).catch(error => {
					// 在Promise被拒绝时执行的回调函数
					console.error(error); // 输出Promise被拒绝的原因
				});

参考

参考大佬
参考大佬

最后

感觉文章好的话记得点个心心和关注和收藏,有错的地方麻烦指正一下,如果需要转载,请标明出处,多谢!!!

相关推荐
巴巴_羊2 分钟前
webpack和vite区别
前端·webpack·node.js
爱编程的王小美5 分钟前
前端代理问题
前端
pink大呲花12 分钟前
Vue 跨域解决方案及其原理剖析
前端·javascript·vue.js
亦世凡华、14 分钟前
前端npm包发布流程:从准备到上线的完整指南
前端·经验分享·npm·node.js·npm发包
Python私教21 分钟前
全栈开发实战:FastAPI + React + MongoDB 构建现代Web应用
前端·react.js·fastapi
110546540132 分钟前
7、三维机械设计、装配与运动仿真组件 - /设计与仿真组件/3d-mechanical-designer
前端·javascript·3d
東雪木1 小时前
Web开发—Vue工程化
前端·javascript·vue.js·前端框架·web
全栈凯哥1 小时前
ES6 (ECMAScript 2015) 详解
前端·ecmascript·es6
二狗子的翠花1 小时前
vue-grid-layout实现拖拽修改工作台布局
前端·javascript·vue.js
沙尘暴炒饭1 小时前
用uniapp在微信小程序实现画板(电子签名)功能,使用canvas实现功能
微信小程序·小程序·uni-app