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


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实现的模拟QQ邮箱里的收件人选取及其他效果(一)
Jan 06 Javascript
jQuery代码优化 遍历篇
Nov 01 Javascript
Javascript图像处理—为矩阵添加常用方法
Dec 27 Javascript
jquery 图片缩放拖动的简单实例
Jan 08 Javascript
下雪了 javascript实现雪花飞舞
Aug 02 Javascript
js通过指定下标或指定元素进行删除数组的实例
Jan 12 Javascript
JavaScript实现二分查找实例代码
Feb 22 Javascript
通过npm引用的vue组件使用详解
Mar 02 Javascript
Vue如何实现组件的源码解析
Jun 08 Javascript
vue项目设置scrollTop不起作用(总结)
Dec 21 Javascript
Javascript异步流程控制之串行执行详解
Sep 27 Javascript
前端学习——JavaScript原生实现购物车案例
Mar 31 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开发不能违背的安全规则 过滤用户输入
2011/05/01 PHP
(PHP实现)只使用++运算实现加法,减法,乘法,除法
2013/06/27 PHP
PHP 面向对象程序设计(oop)学习笔记 (五) - PHP 命名空间
2014/06/12 PHP
php结合web uploader插件实现分片上传文件
2016/05/10 PHP
PHP切割汉字的常用方法实例总结
2019/04/27 PHP
HR vs CL BO3 第一场 2.13
2021/03/10 DOTA
js文件中调用js的实现方法小结
2009/10/23 Javascript
11款基于Javascript的文件管理器
2009/10/25 Javascript
JQuery与JS里submit()的区别示例介绍
2014/02/17 Javascript
Jquery中基本选择器用法实例详解
2015/05/18 Javascript
jQuery插件AjaxFileUpload实现ajax文件上传
2016/05/05 Javascript
利用angular.copy取消变量的双向绑定与解析
2016/11/25 Javascript
第一次记录Bootstrap table学习笔记(1)
2017/05/18 Javascript
vue打包后显示空白正确处理方法
2017/11/01 Javascript
Router解决跨模块下的页面跳转示例
2018/01/11 Javascript
微信小程序自定义toast的实现代码
2018/11/16 Javascript
Vue引入Stylus知识点总结
2020/01/16 Javascript
JavaScript运行机制实例分析
2020/04/11 Javascript
vue prop传值类型检验方式
2020/07/30 Javascript
pytorch 把MNIST数据集转换成图片和txt的方法
2018/05/20 Python
Django框架教程之中间件MiddleWare浅析
2019/12/29 Python
Python warning警告出现的原因及忽略方法
2020/01/31 Python
浅谈在django中使用filter()(即对QuerySet操作)时踩的坑
2020/03/31 Python
python递归函数求n的阶乘,优缺点及递归次数设置方式
2020/04/02 Python
深入解析HTML5的IndexedDB索引数据库
2015/09/14 HTML / CSS
柯基袜:Corgi Socks
2017/01/26 全球购物
LN-CC英国:伦敦时尚生活的缩影
2019/09/01 全球购物
澳大利亚香水在线商店:City Perfume
2020/09/02 全球购物
技术副厂长岗位职责
2013/12/26 职场文书
国际贸易专业个人求职信格式
2014/02/02 职场文书
护士毕业自我鉴定
2014/02/07 职场文书
市场推广策划方案
2014/06/02 职场文书
妇女工作先进事迹
2014/08/17 职场文书
图书馆义工感想
2015/08/07 职场文书
幼师必备:幼儿园期末教师评语50条
2019/11/01 职场文书
十个Python自动化常用操作,即拿即用
2021/05/10 Python