微信小程序长按保存图片

所用api

1. wx.getSetting
2. wx.authorize
3. wx.getImageInfo
4. wx.saveImageToPhotosAlbum
   
   
   
   
   wx.wxml src写你的图片地址，本地或者网络都可以

<!--pages/save/save.wxml-->
<image src="/asset/u=1709216491,2536617744&fm=26&gp=0.png"  data-url="/asset/u=1709216491,2536617744&fm=26&gp=0.png" bindlongpress="saveImage"></image>
<text>长按保存</text>

js

// 长按保存授权
  saveImage(e) {
    let that = this
    wx.showActionSheet({
      itemList: ['保存到本地'],
      success(res) {
        let url = e.currentTarget.dataset.url;
        console.log(url);
        // 使用setting获取当前小程序权限
        wx.getSetting({
          success: (res) => {
            console.log(res.authSetting);
            //  当没有保存权限时获取权限
            if (!res.authSetting['scope.writePhotosAlbum']) {
              wx.authorize({
                scope: 'scope.writePhotosAlbum',
                //  同意授权
                success: () => {
                  that.saveImgInner(url);
                },
                fail: (res) => {
                  console.log(res);
                  wx.showModal({
                    cancelColor: 'red',
                    title: '保存失败',
                    content: '请开启访问权限',
                    success: (res) => {
                      wx.openSetting()
                    }
                  })
                }
              })
            } else {
              console.log(2);
              // 已授权
              that.saveImgInner(url);
            }
          }
        })
      }
    })
  },
  saveImgInner(url) {
    // 使用getImage转换地址
    wx.getImageInfo({
      src: url,
      success: (res) => {
        let path = res.path;
        wx.saveImageToPhotosAlbum({
          filePath: path,
          success: (res) => {
            wx.showToast({
              title: '图片已保存',
            })
          },
          fail: (res) => {
            console.log(res);
          }
        })
      }
    })
  },

这样就能长按保存了
参考原文链接点击查看原文