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()
					})
					
			},
相关推荐
芋头莎莎8 小时前
基于MQTT通讯UNIapp程序解析JSON数据
前端·uni-app·json
霸王蟹9 小时前
Uni-app 跨端开发框架Unibest快速体验
前端·笔记·微信·uni-app·unibest
木子啊10 小时前
Uni-app条件编译:跨端开发终极指南
uni-app·条件编译
老毛肚10 小时前
uniapp-ruoyi-spring部署宝塔
java·spring·uni-app
Mr Xu_11 小时前
UniApp 实战:深度解析 App 端自动检测与静默更新(含强制更新)
javascript·vue.js·uni-app
说给风听.12 小时前
基于 Vue3 的 UniApp 实战手册:多端开发与技能变现之路
uni-app
外派叙利亚12 小时前
uniapp canvas 自定义仪表盘 可滑动 可点击 中间区域支持自定义
前端·javascript·uni-app·html
不爱学习小趴菜12 小时前
uniapp微信小程序无法屏蔽右上角胶囊按钮(...)问题解决方案
微信小程序·小程序·uni-app
WeiAreYoung13 小时前
uni-app Xcode制作iOS谷歌广告Google Mobile Ads SDK插件
ios·uni-app
2501_9160088913 小时前
iOS 开发助手工具,设备信息查看、运行日志、文件管理等方面
android·ios·小程序·https·uni-app·iphone·webview