uniapp微信小程序保存到用户手机相册

直接上方法 亲测可用

前置条件:

需要配置微信公众平台里面的downloadFile合法域名(你访问图片的域名),否则无法保存。

注:遇到问题 调试可用 但是真机测试用不了

检查问题:

1 是否授权相册权限;

2 downloadFile合法域名是否配置

			download(){
				uni.downloadFile({
				      url: this.imgurl,//你的图片地址
				      success: function (res) {
				        //图片保存到本地
				        uni.saveImageToPhotosAlbum({
				          filePath: res.tempFilePath,
				          success: function (data) {
				            uni.hideLoading()
				            uni.showModal({
				              title: '提示',
				              content: '已保存到相册',
				              showCancel: false,
				            })
				          },
				          fail: function (err) {
				            if (err.errMsg === "saveImageToPhotosAlbum:fail:auth denied" || err.errMsg === "saveImageToPhotosAlbum:fail auth deny" || err.errMsg === "saveImageToPhotosAlbum:fail authorize no response") {
				              // 这边微信做过调整,必须要在按钮中触发,因此需要在弹框回调中进行调用
				              uni.showModal({
				                title: '提示',
				                content: '需要您授权保存相册',
				                showCancel: false,
				                success: modalSuccess => {
				                  uni.openSetting({
				                    success(settingdata) {
				                      console.log("settingdata", settingdata)
				                      if (settingdata.authSetting['scope.writePhotosAlbum']) {
				                        uni.showModal({
				                          title: '提示',
				                          content: '获取权限成功,再次点击图片即可保存',
				                          showCancel: false,
				                        })
				                      } else {
				                        uni.showModal({
				                          title: '提示',
				                          content: '获取权限失败,将无法保存到相册哦~',
				                          showCancel: false,
				                        })
				                      }
				                    },
				                    fail(failData) {
				                      console.log("failData", failData)
				                    },
				                    complete(finishData) {
				                      console.log("finishData", finishData)
				                    }
				                  })
				                }
				              })
				            }
				          },
				          complete(res) {
				            uni.hideLoading()
				          }
				        })
				      }
				    })
			},

相关的官网api:

uni.openSetting(OBJECT) | uni-app官网

uni.authorize(OBJECT) | uni-app官网

uni.chooseImage(OBJECT) | uni-app官网

uni.openSetting(OBJECT) | uni-app官网

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值