微信小程序点击图片保存到相册

最新推荐文章于 2024-04-19 16:24:15 发布

ToDeer

最新推荐文章于 2024-04-19 16:24:15 发布

阅读量650

点赞数 1

分类专栏：微信小程序前端 js 文章标签：微信小程序 javascript 前端

本文链接：https://blog.csdn.net/weixin_46031235/article/details/125004595

版权

微信小程序同时被 3 个专栏收录

11 篇文章 1 订阅

订阅专栏

5 篇文章 0 订阅

订阅专栏

前端

4 篇文章 0 订阅

订阅专栏

小程序实现点击图片保存到相册

温馨提示：小程序图片在本地保存成功后放到线上失效，应该是没有设置合法的文件下载域名

在这里插入图片描述

 // 下载事件函数
  bindImage: function (e) {
    var url = e.currentTarget.dataset.img;
    wx.getSetting({
      success(res) {
        if (res.authSetting['scope.writePhotosAlbum']) {
          wx.downloadFile({
            url: url,
            success: function (res) {
              // 图片保存到本地
              wx.saveImageToPhotosAlbum({
                filePath: res.tempFilePath,
                success(res) {
                  console.log(res);
                  wx.showToast({
                    title: '保存成功',
                    icon: 'success',
                    duration: 500
                  })
                },
                fail() {
                  wx.showToast({
                    title: "保存取消",
                    icon: "none"
                  });
                }
              })
            }
          })
        } else {
          wx.authorize({
            scope: 'scope.writePhotosAlbum',
            success(res) {
              if (res.errMsg === 'authorize:ok') {
                wx.downloadFile({
                  url: url,
                  success: function (res) {
                    wx.saveImageToPhotosAlbum({
                      filePath: res.tempFilePath,
                      success(res) {
                        wx.showToast({
                          title: '保存成功',
                          icon: 'success',
                          duration: 500
                        })
                      },
                      fail() {
                        wx.showToast({
                          title: "保存取消",
                          icon: "none"
                        });
                      }
                    })
                  }
                })
              }
            },
            fail() {
              wx.showToast({
                title: '请打开保存相册权限，再点击保存相册分享',
                icon: 'none',
                duration: 500
              })
            }
          })
        }
      }
    })
  },