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

小程序-保存图片,用户授权,拒绝授权等操作

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
<image class='recode' data-img='{{dataInfo.qrcode}}' bindtap='onSavePicClick' src='{{dataInfo.qrcode}}'></image>
1、用户点击图片弹出授权框
2、网络路径图片
3、用户点击了拒绝
4、getSetting事件需要tap触发
downloadImage: function (imageUrl) {
    // 下载文件  
    wx.downloadFile({
      url: imageUrl,
      success: function (res) {
        // 保存图片到系统相册  
        wx.saveImageToPhotosAlbum({
          filePath: res.tempFilePath,
          success(res) {
            wx.showToast({
              title: '保存成功',
            });
          },
          fail(res) {
            console.log("保存图片:fail");
          }
        })
      },
      fail: function (res) {
        console.log("下载文件:fail");
      }
    })
  },
  onSavePicClick: function (e) {
    var that = this;
    console.log("onSavePicClick");
    console.log(e);
    var downloadUrl = e.currentTarget.dataset.img;
 
    if (!wx.saveImageToPhotosAlbum) {
      wx.showModal({
        title: '提示',
        content: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。'
      })
      return;
    }
 
    // 可以通过 wx.getSetting 先查询一下用户是否授权了 "scope.writePhotosAlbum" 这个 scope  
    wx.getSetting({
      success(res) {
        console.log("getSetting: success");
        if (!res.authSetting['scope.writePhotosAlbum']) {
          // 接口调用询问  
          wx.authorize({
            scope: 'scope.writePhotosAlbum',
            success() {
              that.downloadImage(downloadUrl);
            },
            fail() {
              // 用户拒绝了授权  
              wx.showModal({
                title: '保存图片',
                content: '保存图片需要您授权',
                showCancel: true,
                confirmText: '确定',
 
                success: function (res) {
                  if (res.confirm) {
                    // 打开设置页面  
                    wx.openSetting({
                      success: function (data) {
                        if (data.authSetting['scope.writePhotosAlbum']) {
                          that.downloadImage(downloadUrl);
                        } else {
                          console.log("授权失败");
                        }
                      },
                      fail: function (data) {
                        console.log("openSetting: fail");
                      }
                    });
                  } else if (res.cancel) {
                    console.log('用户点击取消')
                  }
 
                }
              })
 
 
 
            }
          })
        } else {
          that.downloadImage(downloadUrl)
        }
      },
      fail(res) {
        console.log("getSetting: fail");
        console.log(res);
      }
 
    })
 
  },
downloadImage: function (imageUrl) {
// 下载文件  
wx.downloadFile({
url: imageUrl,
success: function (res) {
console.log("下载文件:success");
console.log(res);

// 保存图片到系统相册  
wx.saveImageToPhotosAlbum({
filePath: res.tempFilePath,
success(res) {
console.log("保存图片:success");
wx.showToast({
title: '保存成功',
});
},
fail(res) {
console.log("保存图片:fail");
console.log(res);
}
})
},
fail: function (res) {
console.log("下载文件:fail");
console.log(res);
}
})
},
onSavePicClick: function (e) {
var that = this;
console.log("onSavePicClick");
console.log(e);
var downloadUrl = e.currentTarget.dataset.img;

if (!wx.saveImageToPhotosAlbum) {
wx.showModal({
title: '提示',
content: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。'
})
return;
}

// 可以通过 wx.getSetting 先查询一下用户是否授权了 "scope.writePhotosAlbum" 这个 scope  
wx.getSetting({

success(res) {
console.log("getSetting: success");
if (!res.authSetting['scope.writePhotosAlbum']) {
// 接口调用询问  
wx.authorize({
scope: 'scope.writePhotosAlbum',
success() {
that.downloadImage(downloadUrl);
},
fail() {
// 用户拒绝了授权  
wx.showModal({
title: '保存图片',
content: '保存图片需要您授权',
showCancel: true,
confirmText: '确定',

success: function (res) {
if (res.confirm) {
console.log(12134);
// 打开设置页面  
wx.openSetting({
success: function (data) {
if (data.authSetting['scope.writePhotosAlbum']) {
console.log("授权成功");
that.downloadImage(downloadUrl);
} else {
console.log("授权失败");
}
},
fail: function (data) {
console.log("openSetting: fail");
}
});
} else if (res.cancel) {
console.log('用户点击取消')
}

}
})



}
})
} else {
that.downloadImage(downloadUrl)
}
},
fail(res) {
console.log("getSetting: fail");
console.log(res);
}

})

},

鲜花

握手

雷人

路过

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

请发表评论

全部评论

专题导读
上一篇:
一个关于windowsmobile的小程序发布时间:2022-07-18
下一篇:
python拷贝文件小程序(windows)发布时间: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