微信小程序-下载照片到本地

蔚落 2022-03-15 08:00 327阅读 0赞

xml:

js:

主要先获取到图片地址：

downloadphoto: function (event) {
        var that = this;
        var url = that.data.imgurl;
        console.log(that.data.imgurl)
    
        // console.log(url)
        //获取相册授权
        wx.getSetting({
          success(res) {
            if (!res.authSetting['scope.writePhotosAlbum']) {
              wx.authorize({
                scope: 'scope.writePhotosAlbum',
                success() { //这里是用户同意授权后的回调
                  that.saveImgToPhotosAlbumTap(url);
                },
                fail() { //这里是用户拒绝授权后的回调
                  that.setData({
                    saveImgBtnHidden: true,
                    openSettingBtnHidden: false
                  })
                }
              })
            } else { //用户已经授权过了
              that.saveImgToPhotosAlbumTap(url);
            }
          }
        })
      },
      handleSetting: function (e) {
        let that = this;
        // 对用户的设置进行判断，如果没有授权，即使用户返回到保存页面，显示的也是“去授权”按钮；同意授权之后才显示保存按钮
        if (!e.detail.authSetting['scope.writePhotosAlbum']) {
          wx.showModal({
            title: '警告',
            content: '若不打开授权，则无法将图片保存在相册中！',
            showCancel: false
          })
          that.setData({
            saveImgBtnHidden: true,
            openSettingBtnHidden: false
          })
        } else {
          wx.showModal({
            title: '提示',
            content: '您已授权，赶紧将图片保存在相册中吧！',
            showCancel: false
          })
          that.setData({
            saveImgBtnHidden: false,
            openSettingBtnHidden: true
          })
        }
      },
      saveImgToPhotosAlbumTap: function (e) {
        console.log('url：' + e)
        wx.showToast({
          title: '保存中...',
          icon: 'success',
          duration: 1000
        })
        wx.downloadFile({
          url: e,
          success: function (res) {
            console.log(res)
            wx.saveImageToPhotosAlbum({
              filePath: res.tempFilePath,
              success: function (res) {
                console.log(res)
                wx.showToast({
                  title: '保存成功',
                  icon: 'success',
                  duration: 1000
                })
              },
              fail: function (res) {
                console.log(res)
                wx.showToast({
                  title: '保存失败',
                  icon: 'none',
                  duration: 1000
                })
              }
            })
          },
          fail: function () {
            console.log('fail')
            wx.showToast({
              title: '保存失败',
              icon: 'none',
              duration: 2000
            })
          }
        })
    
      },