uniapp预览图片以及保存图片到本地,以及关闭问题
第一次点击图片预览 长按弹框uni.closePreviewImage()不会关闭 我真机测试不会关闭 官方的可以 于是我就在用户选中选项之后关闭了预览图片一次 之后确定按钮之后又关闭一次 没想到实现了 保存本地之后关闭预览图片 还有就是再次打开图片预览会多次弹框 不过这个方法后续官方会解决上线(3.2.15+)
关闭预览图片界面:plus.nativeUI.closePreviewImage();
previewImageFn() {
/* 预览图片 */
uni.previewImage({
current: 0,
/* 需要是数组 */
urls: this.userImgList,
/* 默认底部圆点 number顶部数字1234 */
// indicator:'default',
indicator: 'number',
loop: false,
/* 长按图片底部显示选项 */
longPressActions: {
itemList: ['保存图片','分享', '自定义内容'],
itemColor: '#d60000',
success: data => {
console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
/* 保存图片到系统相册 */
plus.nativeUI.closePreviewImage();
if(data.tapIndex==0){
uni.saveImageToPhotosAlbum({
filePath:this.userImgList[data.index],
success:res=>{
// console.log(this.userImgList[data.index])
// console.log(res.path,"res")
// plus.nativeUI.closePreviewImage();
plus.nativeUI.closePreviewImage();
// uni.closePreviewImage()
plus.nativeUI.toast("保存成功",{background:"#c3002f"});
// this.$http.showTK({title:"保存成功",duration:500,position:"bottom"})
},
fail:err=>{
console.log(err,"err")
}
})
}else if(data.tapIndex==1){
this.uniShare()
}
},
fail: err => {
console.log(err.errMsg);
}
}
});
},