在微信小程序中,可以使用<image>
标签来显示图片的src
。要让用户能够长按保存图片,可以通过给<image>
标签绑定长按事件
来实现。
示例代码如下:
<image src="{{imageUrl}}" bindlongtap="saveImage"></image>
在上述代码中,imageUrl
是图片的src
,bindlongtap
用于绑定长按事件,指向saveImage
函数。在saveImage
函数中可以使用wx.saveImageToPhotosAlbum()
API来实现长按保存图片功能。
示例代码如下:
// 在Page中定义saveImage函数
saveImage: function () {
wx.saveImageToPhotosAlbum({
filePath: this.data.imageUrl,
success: function (res) {
wx.showToast({
title: '保存成功',
})
},
fail: function (res) {
wx.showToast({
title: '保存失败',
icon: 'none'
})
}
})
}
在上述代码中,wx.saveImageToPhotosAlbum()
会将图片保存到手机相册中,并且需要传入要保存的图片路径。如果保存成功,通过wx.showToast()
方法提示保存成功,反之提示保存失败。