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()
					})
					
			},
相关推荐
Bruce_Liuxiaowei38 分钟前
HarmonyOS NEXT~鸿蒙系统与Uniapp跨平台开发实践指南
华为·uni-app·harmonyos
lqj_本人42 分钟前
鸿蒙OS&UniApp实现的倒计时功能与倒计时组件(鸿蒙系统适配版)#三方框架 #Uniapp
华为·uni-app·harmonyos
tryCbest2 小时前
uniapp如何设置uni.request可变请求ip地址
网络协议·tcp/ip·uni-app
老李不敲代码5 小时前
榕壹云上门家政系统:基于Spring Boot+MySQL+UniApp的全能解决方案
spring boot·mysql·微信小程序·小程序·uni-app
锦画凉5 小时前
uniapp运行到微信开发者工具报错“更改appid失败touristappidError:tourist appid”
uni-app
机构师5 小时前
<uniapp><vuex><状态管理>在uniapp中,如何使用vuex实现数据共享与传递?
uni-app·vue·vuex·数据管理
好好的哦7 小时前
uni-app项目从0-1基础架构搭建全流程
uni-app
冷子夜8 小时前
uniapp 小程序 CSS 实现多行文本展开收起 组件
css·小程序·uni-app
葫芦娃y10 小时前
uni-app 中使用 mumu模拟器 进行调试和运行详细教程
uni-app
七七小报10 小时前
uniapp-商城-63-后台 商品列表(分类展示商品的删除)
uni-app