重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
怎么在微信小程序中实现保存图片到相册功能?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
目前创新互联已为近1000家的企业提供了网站建设、域名、网站空间、网站托管维护、企业网站设计、蕉岭网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。功能逻辑:
先检查用户请求过的权限中是否允许"保存到相册"权限,如果没有请求过这个权限,应该向用户发起授权请求(弹窗授权),如果请求过这个权限,并且授权了,那就保存图片,显示保存成功;如果请求过,但是是拒绝的,就跳到设置页,重新授权。
上代码:
保存图片到相册
//点击保存图片 save () { let that = this //若二维码未加载完毕,加个动画提高用户体验 wx.showToast({ icon: 'loading', title: '正在保存图片', duration: 1000 }) //判断用户是否授权"保存到相册" wx.getSetting({ success (res) { //没有权限,发起授权 if (!res.authSetting['scope.writePhotosAlbum']) { wx.authorize({ scope: 'scope.writePhotosAlbum', success () {//用户允许授权,保存图片到相册 that.savePhoto(); }, fail () {//用户点击拒绝授权,跳转到设置页,引导用户授权 wx.openSetting({ success () { wx.authorize({ scope: 'scope.writePhotosAlbum', success() { that.savePhoto(); } }) } }) } }) } else {//用户已授权,保存到相册 that.savePhoto() } } }) }, //保存图片到相册,提示保存成功 savePhoto() { let that = this wx.downloadFile({ url: that.data.imgUrl, success: function (res) { wx.saveImageToPhotosAlbum({ filePath: res.tempFilePath, success(res) { wx.showToast({ title: '保存成功', icon: "success", duration: 1000 }) } }) } }) }
看完上述内容,你们掌握怎么在微信小程序中实现保存图片到相册功能的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!