热门搜索:软件下载

微信图片为什么不能保存到相册(如何解决小程序保存图片到系统相册失败)

首页教程微信图片为什么不能保存到相册更新时间:2023-01-30 17:49:26

小程序开发中,如果出现保存图片到系统相册失败一般是这两个原因导致的:

1、授权问题

2、所下载的图片地址未配置到小程序开发中后台 download合法域名

1、授权问题

(1)如果用户第一次点击的时候,对弹出来的微信授权弹窗点击了拒绝,那么之后点击保存图片就没用了:

微信图片为什么不能保存到相册,如何解决小程序保存图片到系统相册失败(1)

如果用户第一次点击了拒绝授权

(2)所以我们应该做下用户授权判断,首先我们应该调用wx.getSetting(OBJECT)方法获取用户的当前设置,看看用户请求过的权限中是否存在保存到相册这个权限。

微信图片为什么不能保存到相册,如何解决小程序保存图片到系统相册失败(2)

wx.getSetting({ success(res) { if (!res.authSetting['scope.writePhotosAlbum']) { // ... } else { // .... } } });

PS:现在的版本可以通过 button组件的open-type="getsetting" 属性来代替wx.getSetting方法。

(3)如果用户没有保存到相册这个权限,那么,我们就应该使用wx.authorize(OBJECT)向用户发起授权请求。

调用后会立刻弹窗询问用户是否同意授权小程序使用某项功能或获取用户的某些数据,但不会实际调用对应接口。如果用户之前已经同意授权,则不会出现弹窗,直接返回成功。

微信图片为什么不能保存到相册,如何解决小程序保存图片到系统相册失败(3)

wx.getSetting({ success(res) { if (!res.authSetting['scope.writePhotosAlbum']) { wx.authorize({ scope: 'scope.writePhotosAlbum', success() { // ... }, fail() { } }); } else { // ... } } });

(4)当授权成功,我们应该执行保存图片到本地的saveImage函数(上一章写好的),否则,如果fail则执行wx.opoenSetting(OBJECT)方法调起客户端设置界面让用户可以再次同意授权。

微信图片为什么不能保存到相册,如何解决小程序保存图片到系统相册失败(4)

微信图片为什么不能保存到相册,如何解决小程序保存图片到系统相册失败(5)

授权问题处理

(5)但是这里还有一个评论区@阿毛_1cd5提出来的问题:

微信图片为什么不能保存到相册,如何解决小程序保存图片到系统相册失败(6)

问题

怎么解决?我们用个isFirst变量将用户第一次进来的时候用个值记录下来,如果是第一次进来且点击取消授权那么我们就不调用openSetting,反之调用。

微信图片为什么不能保存到相册,如何解决小程序保存图片到系统相册失败(7)

记录用户是否是第一次点击取消授权

这样我们就解决了在保存图片的时候关于用户授权的问题。

手机打开调试模式可以保存图片,但是关闭调试模式就不能保存图片了。

  • 这个问题很简单,因为在打开调试模式的时候,我们一般勾选了不校验合法域名,所以可以保存图片: 项目设置

微信图片为什么不能保存到相册,如何解决小程序保存图片到系统相册失败(8)

  • 因为将图片保存到本地需要调用wx.downloadFile(OBJECT)这个api,所以解决的方法就是在微信公众平台中添加downloadFile合法域名就可以解决这个问题了 添加downloadFile合法域名

微信图片为什么不能保存到相册,如何解决小程序保存图片到系统相册失败(9)

,
软件推荐