小程序下载图片

最新推荐文章于 2024-07-17 18:22:26 发布

转载最新推荐文章于 2024-07-17 18:22:26 发布 · 354 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/hql1024/article/details/104769088

文章标签：

#小程序

小程序专栏收录该内容

6 篇文章

订阅专栏

该博客主要介绍了如何在微信小程序中实现图片的下载与保存到相册功能。通过`wx.downloadFile`下载网络图片并获取临时文件路径，然后使用`wx.saveImageToPhotosAlbum`保存图片。当用户未授权保存权限时，会弹窗提示用户开启授权。成功保存后，显示保存成功的提示。

getSave() {
    wx.saveImageToPhotosAlbum({
      filePath: this.data.image,
      success: (res) => {
        if (res.errMsg == "saveImageToPhotosAlbum:ok") {
          wx.showToast({
            title: '保存成功',
          });
        }
      }
    })
    wx.getSetting({
      success: (set) => {
        if (set.authSetting['scope.writePhotosAlbum'] == false) {
          wx.openSetting()
        }
      }
    })
  },

    var url = '网络图片路径'; 
    wx.downloadFile({
      url: url,
      success: function (res) {
        var benUrl = res.tempFilePath;
        //图片保存到本地相册
        wx.saveImageToPhotosAlbum({
          filePath: benUrl,
          //授权成功，保存图片
          success: function (data) {
            wx.showToast({
              title: '保存成功',
              icon: 'success',
              duration: 2000
            })
          },
          //授权失败
          fail: function (err) {
            if (err.errMsg) {//重新授权弹框确认
                wx.showModal({
                  title: '提示',
                  content: '您好,请先授权，在保存此图片。',
                  showCancel: false,
                  success(res) {
                    if (res.confirm) {//重新授权弹框用户点击了确定
                      wx.openSetting({//进入小程序授权设置页面
                        success(settingdata) {
                          console.log(settingdata)
                          if (settingdata.authSetting['scope.writePhotosAlbum']) {//用户打开了保存图片授权开关
                            wx.saveImageToPhotosAlbum({
                              filePath: benUrl,
                              success: function (data) {
                                wx.showToast({
                                  title: '保存成功',
                                  icon: 'success',
                                  duration: 2000
                                })
                              },
                            })
                          } else {//用户未打开保存图片到相册的授权开关
                            wx.showModal({
                              title: '温馨提示',
                              content: '授权失败，请稍后重新获取',
                              showCancel: false,
                            })
                          }
                        }
                      })
                    } 
                  }
                })
            }
          }
        })
      }
    })