在做uni-app小程序项目时,发现uni.previewImage方法不能预览base64的图片,找了好久找到一个插件可以实现base64图片的预览。
预览前先把base64转成正常图片,转换的图片会自动保存在缓存里,预览图片的地址就是转换出来的这张图的缓存地址了,这样就可以预览了
简单教程:
插件地址:https://ext.dcloud.net.cn/plugin?id=123
- 将插件导入到你的项目中
- 在需要的页面引入
// 以下路径需根据项目实际情况填写
import { pathToBase64, base64ToPath } from '../../js/image-tools/index.js'
3.实现代码
//预览图片
preview() {
uni.showLoading({
title:'预览加载中'
});
let _this = this;
let imgsArray = [];
//_this.img_所要预览的base64图片路径
base64ToPath(_this.img_).then(path=>{
uni.hideLoading();
imgsArray[0] = path
uni.previewImage({
current:0,
urls:imgsArray
})
})
}