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

小程序保存图片到本地

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

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

 

需要用到的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
                        })
                      }
                    }
                  })
                }
              }
            })
          }
        })
      }
    })
  },

鲜花

握手

雷人

路过

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

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

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

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

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