微信小程序保存图片到相册权限设置


Posted in Javascript onApril 09, 2020

微信小程序保存图片到相册可以分成两种:一种是保存网络图片,一种是保存本地图片

保存网络图片:

var url = '网络图片路径'; 
wx.downloadFile({
 url: url,
  success: function (res) {
  var benUrl = res.tempFilePath;
  //图片保存到本地相册
  wx.saveImageToPhotosAlbum({
   filePath: benUrl,
   //授权成功,保存图片
   success: function (data) {
   wx.showToast({
    title: '保存成功',
    icon: 'success',
    duration: 2000
   })
   },
   //授权失败
   fail: function (err) {
   if (err.errMsg) {//重新授权弹框确认
    wx.showModal({
     title: '提示',
     content: '您好,请先授权,在保存此图片。',
     showCancel: false,
     success(res) {
     if (res.confirm) {//重新授权弹框用户点击了确定
      wx.openSetting({//进入小程序授权设置页面
      success(settingdata) {
       console.log(settingdata)
       if (settingdata.authSetting['scope.writePhotosAlbum']) {//用户打开了保存图片授权开关
       wx.saveImageToPhotosAlbum({
        filePath: benUrl,
        success: function (data) {
        wx.showToast({
         title: '保存成功',
         icon: 'success',
         duration: 2000
        })
        },
       })
       } else {//用户未打开保存图片到相册的授权开关
       wx.showModal({
        title: '温馨提示',
        content: '授权失败,请稍后重新获取',
        showCancel: false,
       })
       }
      }
      })
     } 
     }
    })
   }
   }
  })
  }
 })

保存本地图片:

wx.chooseImage({
count: 1,// 默认9
  sizeType: ['original', 'compressed'],// 可以指定是原图还是压缩图,默认二者都有
  sourceType: ['album', 'camera'],// 可以指定来源是相册还是相机,默认二者都有
  success: function (res) {
  // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片
  console.log("choose image")
  console.log(res)
  var tempFilePath = res.tempFilePaths[0]
  wx.getImageInfo({
   src: tempFilePath,
   success: function (res) {
   console.log("get image info")
   console.log(res)
   wx.saveImageToPhotosAlbum({
    filePath: res.path,
    success(res) {
    console.log("保存图片成功")
    console.log(res)
    wx.showToast({
     title: '保存成功',
     icon: 'success',
     duration: 2000
    })
    },
    fail(err) {
    console.log('失败')
    console.log(err)
 
    if (err.errMsg == "saveImageToPhotosAlbum:fail cancel") {
     wx.openSetting({
     success(settingdata) {
      console.log(settingdata)
      if (settingdata.authSetting["scope.writePhotosAlbum"]) {
      console.log('获取权限成功,给出再次点击图片保存到相册的提示。')
      } else {
      console.log('获取权限失败,给出不给权限就无法正常使用的提示')
      }
     }
     })
    }
    }
   })
   }
  })
  }
})

为大家推荐现在关注度比较高的微信小程序教程一篇:《微信小程序开发教程》小编为大家精心整理的,希望喜欢。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
如何用jquery控制表格奇偶行及活动行颜色
Apr 20 Javascript
使用原生js写的一个简单slider
Apr 29 Javascript
元素未显示设置width/height时IE中使用currentStyle获取为auto
May 04 Javascript
jQuery 监控键盘一段时间没输入
Apr 22 Javascript
在js里怎么实现Xcode里的callFuncN方法(详解)
Nov 05 Javascript
微信小程序自定义组件
Aug 16 Javascript
vue 每次渲染完页面后div的滚动条保持在最底部的方法
Mar 17 Javascript
用vue快速开发app的脚手架工具
Jun 11 Javascript
javascript显示动态时间的方法汇总
Jul 06 Javascript
Vue+element-ui 实现表格的分页功能示例
Aug 18 Javascript
vue form 表单提交后刷新页面的方法
Sep 04 Javascript
Vuex持久化插件(vuex-persistedstate)解决刷新数据消失的问题
Apr 16 Javascript
微信小程序仿通讯录功能
Apr 09 #Javascript
vue cli4下环境变量和模式示例详解
Apr 09 #Javascript
微信小程序实现组件顶端固定或底端固定效果(不随滚动而滚动)
Apr 09 #Javascript
微信小程序吸底区域适配iPhoneX的实现
Apr 09 #Javascript
加速vue组件渲染之性能优化
Apr 09 #Javascript
javascript设计模式 ? 抽象工厂模式原理与应用实例分析
Apr 09 #Javascript
javascript设计模式 ? 工厂模式原理与应用实例分析
Apr 09 #Javascript
You might like
使用PHP制作新闻系统的思路
2006/10/09 PHP
PHP 一个随机字符串生成代码
2010/05/26 PHP
几款免费开源的不用数据库的php的cms
2010/12/19 PHP
PHP中创建图像并绘制文字的例子
2014/11/19 PHP
检测codeigniter脚本消耗内存情况的方法
2015/03/21 PHP
php中的常用魔术方法汇总
2016/02/14 PHP
php+redis实现商城秒杀功能
2020/11/19 PHP
JavaScript 无符号右移运算符
2009/04/17 Javascript
JavaScript String.replace函数参数实例说明
2013/06/06 Javascript
深入探寻seajs的模块化与加载方式
2015/04/14 Javascript
angular+ionic返回上一页并刷新页面
2017/08/08 Javascript
js实现简单数字变动效果
2017/11/06 Javascript
JavaScript中var、let、const区别浅析
2018/06/24 Javascript
[47:38]Optic vs VGJ.S 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
举例讲解Django中数据模型访问外键值的方法
2015/07/21 Python
Python中绑定与未绑定的类方法用法分析
2016/04/29 Python
Python中的异常处理相关语句基础学习笔记
2016/07/11 Python
python微信公众号开发简单流程
2018/03/23 Python
Python常见字典内建函数用法示例
2018/05/14 Python
Python设置在shell脚本中自动补全功能的方法
2018/06/25 Python
几个适合python初学者的简单小程序,看完受益匪浅!(推荐)
2019/04/16 Python
ubuntu 16.04下python版本切换的方法
2019/06/14 Python
Python批量将图片灰度化的实现代码
2020/04/11 Python
python+selenium实现12306模拟登录的步骤
2021/01/21 Python
Staples美国官方网站:办公用品一站式采购
2016/07/28 全球购物
巴黎欧莱雅法国官网:L’Oreal Paris
2019/04/30 全球购物
白俄罗斯在线大型超市:e-dostavka.by
2019/07/25 全球购物
2014年清明节寄语
2014/04/03 职场文书
人力资源求职信
2014/05/25 职场文书
小学生勤俭节约演讲稿
2014/08/28 职场文书
大连星海广场导游词
2015/02/10 职场文书
4S店客服专员岗位职责
2015/04/07 职场文书
毕业生政审意见范文
2015/06/04 职场文书
在校学生证明格式
2015/06/24 职场文书
JavaScript canvas实现流星特效
2021/05/20 Javascript
CSS基础详解
2021/10/16 HTML / CSS