微信小程序点击图片保存到相册的全部代码
时间: 2023-10-16 22:07:17 浏览: 43
好的,以下是一个简单的示例代码,实现了点击图片保存到相册的功能:
```
//index.js
Page({
saveImage: function(event) {
let imageUrl = event.currentTarget.dataset.imageUrl;
wx.getImageInfo({
src: imageUrl,
success: function(res) {
wx.saveImageToPhotosAlbum({
filePath: res.path,
success(res) {
wx.showToast({
title: '保存成功',
icon: 'success',
duration: 2000
})
},
fail(res) {
wx.showToast({
title: '保存失败',
icon: 'none',
duration: 2000
})
}
})
},
fail: function(res) {
wx.showToast({
title: '获取图片信息失败',
icon: 'none',
duration: 2000
})
}
})
}
})
```
其中,saveImage函数是点击图片时的事件处理函数,它首先获取图片的URL,然后调用wx.getImageInfo() API获取图片信息,接着调用wx.saveImageToPhotosAlbum() API保存图片到相册。在代码中,我们使用了wx.showToast() API来显示保存成功或失败的提示信息。另外,我们还需要在小程序的app.json文件中添加保存图片到相册的授权信息:
```
{
"pages": [
"pages/index/index"
],
"permission": {
"scope.userLocation": {
"desc": "你的位置信息将用于小程序定位"
},
"scope.writePhotosAlbum": {
"desc": "你的相册将用于保存图片"
}
}
}
```
这样,用户在使用小程序时,就会弹出授权框,请求用户授权保存图片到相册。