当前位置：首页 > article >正文

Uniapp中图片预览，并且进行长按图片保存

article 2025/3/10 22:33:05

官网链接：https://uniapp.dcloud.net.cn/api/media/image.html#unipreviewimageobject

具体的代码：

// 点击按钮预览图片
showPic() {
	let that = this
	let  url = '这里是拿到的图片地址' // 我这里是单张，也可以用多张图片的数组形式
	uni.previewImage({
		index: 0,
		urls: [url],
		showmenu: true,
		longPressActions: {
			itemList: ['发送给朋友', '保存图片', '收藏'],
			success(data) {
				console.log('长按保存',data)
				that.saveImage(url)
			},
			fail: function(err) {
				console.log(err.errMsg);
			}
		}
	})
},
saveImage(imgurl){
	// console.log(imgurl)
	uni.downloadFile({
		url:imgurl,
		success(res){
			// console.log(res)
			let url = res.tempFilePath
			uni.saveImageToPhotosAlbum({
				filePath:url,
				success() {
					uni.showToast({
						title:'保存成功',
						icon:"none"
					})
				},
				fail(err) {
					console.log('保存失败',err)
					uni.showToast({
						title:'保存失败',
						icon:"none"
					})
				}
			})
		}
	})
},