小程序保存图片到本地

保存图片到本地相册，需要用户允许相册权限；但是有时客户手滑或者是特别原因点击了拒绝授权，我们需要打开权限列表，让客户手动打开此项权限；

 

需要用到的API

1. wx.getImageInfo();
2. wx.saveImageToPhotosAlbum();
3. wx.getSetting();
4. wx.openSetting();

vi设计http://www.maiqicn.com 办公资源网站大全https://www.wode007.com

代码如下：

wxml

<button type="" class="white btna" bindtap="downImg" >'{{info.inviter_img}}'>保存图片</button> 

js

  downImg(e) {
    var img_url = e.currentTarget.dataset.url;
// 首先获取图片信息，得到图片的路径； wx.getImageInfo({ src: img_url, success(res) { // 然后使用saveImageToPhotosAlbum保存图片到本地，到这会询问用户是否打开相册权限；如果他允许即保存成功； wx.saveImageToPhotosAlbum({ filePath: res.path, success(e) { wx.showToast({ title: '保存成功', icon: 'none', duration: 2000 }) }, fail(e) { // 如果他不允许，图片保存失败，我们使用getSetting获取用户授权信息，如果用户没有允许writePhotosAlbum权限， // 使用openSetting打开授权页，让客户手动打开授权，即可成功保存图片； wx.getSetting({ success(res) { if (!res.authSetting["scope.writePhotosAlbum"]) { wx.showModal({ title: '警告', content: '请打开相册权限，否则无法保存图片到相册', success(res) { if (res.confirm) { wx.openSetting({ success(res) { console.log(res) } }) } else if (res.cancel) { wx.showToast({ title: '取消授权', icon: "none", duration: 2000 }) } } }) } } }) } }) } }) },