uniapp中预览base64图片

一、首先要安装插件image-tools,插件地址:https://ext.dcloud.net.cn/plugin?id=123

javascript 复制代码
npm i image-tools --save

二、引入

javascript 复制代码
import {
			pathToBase64,
			base64ToPath
		} from 'image-tools'

三、应用

javascript 复制代码
openImg(){//预览图片	
				let that = this;
				uni.showLoading({
					title: "加载中..."
				})
				var arr=[];
				base64ToPath(this.bimg)
					.then(path => {
						console.log('----',path);
						uni.hideLoading()
						arr[0] = path;
						uni.previewImage({
							current: 0,
							urls: arr
						});
					})
					.catch(error => {
						// 图片加载失败
						uni.hideLoading()
					})
					
			},
相关推荐
坚果的博客1 小时前
uniapp版本加密货币行情应用
人工智能·华为·uni-app·harmonyos
菲力蒲LY2 小时前
固定表头、首列 —— uniapp、vue 项目
前端·vue.js·uni-app
大麦大麦15 小时前
深入剖析 Sass:从基础到进阶的 CSS 预处理器应用指南
开发语言·前端·css·面试·rust·uni-app·sass
逍遥客.17 小时前
uniapp对接打印机和电子秤
javascript·vue.js·uni-app
小钟H呀19 小时前
Uniapp项目运行到微信小程序、H5、APP等多个平台教程
uni-app
HerayChen19 小时前
uniapp vue3 微信小程序 uni.chooseLocation使用
微信小程序·小程序·uni-app·微信小程序地理位置
pillowss1 天前
uniapp中image加载图片失败解决方案
uni-app
bug总结1 天前
uniapp+微信小程序+地图+传入多个标记点显示+点击打开内置地图导航+完整代码
uni-app
码农研究僧1 天前
Uniapp 页面返回不刷新?两种方法防止 onShow 触发多次请求!
uni-app·vue·html·onshow