uniapp预览图片,保存图片到本地,以及关闭问题

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);
					}
				}
			});
		},
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值