• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

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

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

1、经常会碰到这个场景:长按保存图片到相册。
小程序保存图片到相册需要获取用户的授权才可以保存成功,所以首先我们需要获取小程序的授权状态(拒绝/授权),授权状态会被记录在小程序缓存中,只有删除小程序后才会被清除;如果已经拒绝或者授权都不会再展示授权弹窗,所以如果需要拒绝后再次打开授权,只能通过wx.openSetting来打开授权页来设置,但是wx.openSetting只能在bindtap事件下触发,所以需要去考虑如何处理长按的问题。授权成功后我们首先应该用wx.downloadFile去下载图片,如果不下载直接调用wx.saveImageToPhotosAlbum会直接fail并且告诉你没有这个文件。另外记得公众平台配置download域名。

  saveImg (e) {
    let that = this
    let url = e.currentTarget.dataset.url
    wx.getSetting({
      success: function (res) {
        if (res.authSetting[\'scope.writePhotosAlbum\'] == false) {
          wx.openSetting({
            success: (result)=>{
              console.log(result)
              wx.authorize({
                scope: \'scope.writePhotosAlbum\',
                success: function (res) {
                  console.log("授权成功");
                  that.loadImg(url)
                }    
              })              
            },
            fail: (err)=>{
              mainService.modal(err)
            }
          })
        } else {
          wx.authorize({
            scope: \'scope.writePhotosAlbum\',
            success: function (res) {
              console.log("授权成功");
              that.loadImg(url)
            }    
          })            
        }
      }
    })
  },
  loadImg (url) {
    wx.downloadFile({
      url,
      success: function (res) {
        wx.saveImageToPhotosAlbum({
          filePath: res.tempFilePath,
          success: function (res) {
            mainService.toast(\'保存成功\')
          },
          fail: (err)=>{
            mainService.toast(\'保存失败:\', err)
          }                  
        })
      }
    })
  }

  


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
公众号群发文章支持添加小程序发布时间:2022-07-18
下一篇:
小程序基本配置发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap