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()
					})
					
			},
相关推荐
2501_915918413 小时前
iOS 混淆流程 提升 IPA 分析难度 实现 IPA 深度加固
android·ios·小程序·https·uni-app·iphone·webview
前端 贾公子5 小时前
解决uni-app 输入框,键盘弹起时页面整体上移问题
前端·vue.js·uni-app
Muchen灬5 小时前
【uniapp】(5) 创建gitee仓库并推送源码
gitee·uni-app
Muchen灬5 小时前
【uniapp】(6) uniapp中使用vuex
uni-app
2501_915909065 小时前
React Native 上架 App Store:项目运行与审核构建的流程
android·ios·小程序·https·uni-app·iphone·webview
李庆政3705 小时前
uniapp+unicloud打包部署微信小程序
微信小程序·小程序·uni-app
2501_9160074715 小时前
网站爬虫原理,基于浏览器点击行为还原可接口请求
前端·javascript·爬虫·ios·小程序·uni-app·iphone
Можно16 小时前
uni.request 和 axios 的区别?前端请求库全面对比
前端·uni-app
woshinon1 天前
【Uniapp(HBuilderX)针对微信小程序和H5平台实现差异化配置(自定义发行)】
微信小程序·小程序·uni-app