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()
					})
					
			},
相关推荐
刘大浪2 小时前
uniapp 小程序 学习(一)
学习·小程序·uni-app
陈龙龙的陈龙龙6 小时前
uniapp 金额处理组件
前端·javascript·uni-app
xw58 小时前
uni-app项目loading显示方案
前端·uni-app
!win !8 小时前
uni-app项目loading显示方案
前端·uni-app
^Rocky10 小时前
uniapp 实现腾讯云音视频通话功能
uni-app·音视频·腾讯云
moxiaoran575314 小时前
uni-app项目实战笔记5--使用grid进行定位布局
笔记·uni-app
每天都想着怎么摸鱼的前端菜鸟16 小时前
【uniapp】uniapp热更新WGT资源,简单的多环境WGT打包脚本
javascript·uni-app
「、皓子~1 天前
AI创作系列(2):UniApp跨端开发实战 - 海狸IM移动端完全由AI编写
开发语言·人工智能·uni-app·开源·vue·开源软件·ai编程
每天都想着怎么摸鱼的前端菜鸟1 天前
【uniapp】uni.chooseImage在Android 13以下机型第一次调用授权后无权限问题
javascript·uni-app
满分观测网友z2 天前
uni-app 滚动视图scroll-view从入门到精通
uni-app