[小程序实现保存图片到相册]-Toy模板网

这篇具有很好参考价值的文章主要介绍了[小程序实现保存图片到相册]。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

保存图片到相册

实现逻辑：
首先查看用户申请过的权限中是否有”保存图片到相册“，如果没有这个权限，则需要先申请权限（弹窗授权)，如果用户同意授权则保存图片，如果用户不同意，则跳转到设置页，重新授权，然后再保存图片。

查看用户申请的全县有哪些通过微信的API

wx.getSetting(Object object)

获取用户的当前设置。返回值中只会出现小程序已经向用户请求过的权限，如果接口调用回调函数返回成功，可以查看返回值中是否有 ”scope.writePhotosAlbum“ ，如果有，说明申请过了可以直接保存。如果没有则申请权限，则申请授权

wx.authorize(Object object)

提前向用户发起授权请求。调用后会立刻弹窗询问用户是否同意授权小程序使用某项功能或获取用户的某些数据，但不会实际调用对应接口。如果用户之前已经同意授权，则不会出现弹窗，直接返回成功。

申请权限之后，就保存图片，先下载图片资源到本地

wx.downloadFile({
  url: 'https://example.com/audio/123', //仅为示例，并非真实的资源
  success (res) {
     // 成功过之后保存图片
    }
})

返回值成功之后保存图片

wx.saveImageToPhotosAlbum(Object object)

保存图片到系统相册。

完整代码如下所示

**
    * 保存
    */
  const save=()=>{
    Taro.showToast({
      title:'正在保存图片',
      icon:'loading'
    })
    // 判断用户是否授权"保存到相册"
    wx.getSetting({
       success:(res)=>{
        //  没有授权 发起授权
        if(!res.authSetting['scope.writePhotosAlbum']){
         wx.authorize({
           scope:'scope.writePhotosAlbum',
           success:()=>{
                  //  保存图片
                  savePhoto()
                },
            fail:()=>{
              //用户点击拒绝授权，跳转到设置页，引导用户授权
              wx.openSetting({
                success:()=>{
                  wx.authorize({
                    scope:'scope.writePhotosAlbum',
                    success:()=>{
                      // 保存图片
                      savePhoto()
                    }
                  })
                }
              })
            }
         })
        }else{
          //如果用户已授权，直接保存到相册
          savePhoto()
        }
      }
    })
  }
 

  //保存图片到相册，提示保存成功
 const savePhoto=()=>{
    wx.downloadFile({
      url,
      success:(res)=>{
         wx.saveImageToPhotosAlbum({
           filePath:res.tempFilePath,
           success:(res)=>{
             Taro.showToast({
               title:'保存成功',
               icon:'success'
             })
           }
         })    
      }
    })  
  }