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()
					})
					
			},
相关推荐
宠友信息9 小时前
社区类源码开发实践中的仿小红书系统技术要点分析
java·spring boot·redis·mysql·uni-app·vue·内容运营
郑州光合科技余经理14 小时前
本地生活平台搭建:统一订单表与多后台切换怎么拆
java·开发语言·前端·系统架构·uni-app·php·ai编程
lhldsg17 小时前
树洞交友系统开发实战:从匿名社交需求到技术落地
java·小程序·uni-app·交友
lhldsg1 天前
家政派单系统开发实战:从需求分析到智能调度全流程指南
java·junit·小程序·uni-app·需求分析
PedroQue992 天前
v2.6.0 新增全局返回守卫与 iOS 侧滑拦截,补齐跨端路由拦截能力
前端·uni-app
蜡台2 天前
Uniapp 开发H5 页面跳转拦截
前端·javascript·uni-app
宠友信息3 天前
内容社区源码开发实践解析,用Spring Boot打造1:1仿小红书源码平台
java·spring boot·redis·websocket·mysql·spring·uni-app
梦曦i3 天前
Vue-Router 2.4.0 新增可控重定向功能
前端·uni-app
郑州光合科技余经理3 天前
海外版外卖系统架构:订单怎么流转、权限怎么分
java·开发语言·前端·系统架构·uni-app·php·ai编程