微信小程序--保存图片到相册功能实现
项目中有个保存二维码到相册的功能,所以涉及到用户是否授权相册权限的问题。废话不多说,直接上干货…
功能逻辑:
先检查用户请求过的权限中是否允许"保存到相册"权限,如果没有请求过这个权限,应该向用户发起授权请求(弹窗授权),如果请求过这个权限并且授权了,那就保存图片,显示保存成功;如果请求过且拒绝授权,就跳到设置页,让用户重新授权。
上代码:
// wxml文件
<view bindtap='save'>保存图片到相册</view>
// js文件
//点击保存图片save () {let that = this//若二维码未加载完毕,加个动画提高用户体验wx.showToast({icon: 'loading',title: '正在保存图片',duration: 1000})//判断用户是否授权"保存到相册"wx.getSetting({success (res) {//没有权限,发起授权if (!res.authSetting['scope.writePhotosAlbum']) {wx.authorize({scope: 'scope.writePhotosAlbum',success () {//用户允许授权,保存图片到相册that.savePhoto();},fail () {//用户点击拒绝授权,跳转到设置页,引导用户授权wx.openSetting({success () {wx.authorize({scope: 'scope.writePhotosAlbum',success() {that.savePhoto();}})}})}})} else {//用户已授权,保存到相册that.savePhoto()}}})},
//下载图片地址并保存到相册,提示保存成功savePhoto() {let that = thiswx.downloadFile({url: that.data.imgUrl,success: function (res) {wx.saveImageToPhotosAlbum({filePath: res.tempFilePath,success(res) {wx.showToast({title: '保存成功',icon: "success",duration: 1000})}})}})}
- 注:如果你不点击"保存到相册"的时候去看设置页,是没有"保存到相册"的开关的,只有点过了保存到相册,请求过这个弹窗授权后,设置页才会有"保存到相册"的开关
兄弟姐妹们,如果有帮助,别忘了给个好评哟
微信小程序--保存图片到相册功能实现相关推荐
- 微信小程序--保存图片到相册 失败:saveImageToPhotosAlbum:fail auth deny
@wx.saveImageToPhotosAlbum 微信小程序–保存图片到相册 失败:saveImageToPhotosAlbum:fail auth deny 是否授权了保存功能 wx.openS ...
- (转)微信小程序保存图片到相册
这篇文章主要为大家详细介绍了微信小程序保存图片到相册权限设置,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 微信小程序保存图片到相册可以分成两种:一种是保存网络图片,一 ...
- 微信小程序保存图片到相册步骤
/*** @description 图片长按 调起菜单弹窗*/ imgLongTap(row) {console.log('图片长按', row)/* #ifdef MP-WEIXIN */uni.s ...
- 微信小程序保存图片到相册;uni-app小程序保存网络图片到相册;小程序保存图片到相册拒绝授权后重新拉起授权;保存图片到系统相册;小程序保存图片测试可以,真机保存图片失败
文末代码可以直接复制使用,图片修改成你的图片路径即可 一.场景: 小程序点击按钮,保存项目内的静态图片或者微信头像或者后端返回的图片: 二.注意点及思路拆分: –2.1:小程序保存图片功能,必须要有s ...
- 有关微信小程序保存图片到相册以及当用户拒绝授权保存图片后如何重新拉起授权的详细解析
一.准备阶段 保存图片到系统相册文档 uni.saveImageToPhotosAlbum({filePath: '', // 必须是本地路径success: () => {console.lo ...
- 微信小程序保存图片到相册,分享朋友圈的基础demo
由于微信小程序内无法直接将小程序分享到朋友圈,这时候就需要让用户生成图片到手机,才可以到朋友圈发送图片,实际效果可以看以下的小程序,,如果还有问题,可以加我QQ拿demo,785116869 分享图片 ...
- 微信小程序保存图片到相册授权被拒绝后重新拉取授权的方法
近期开发过小程序的童鞋应该已经知道,小程序某些接口已废弃,改用新的接口. 比如wx.getUserInfo().wx.authorize().wx.openSetting()等都将废弃,拉起不了用户授 ...
- 微信小程序 保存图片到相册
/*** 保存到相册*/ downShareImgFun : function () {let that = this;//获取相册授权wx.getSetting({success(res) {if ...
- 微信小程序保存图片到相册授权被拒绝后重新拉取授权
saveimg: function() {var that = this;wx.showLoading({title: '保存中',})wx.downloadFile({url: that.data. ...
最新文章
- pandas使用resample进行不同粒度下的时间特征重构实战:构建时间维度统计特征
- Dubbo-go 发布 1.5 版,朝云原生迈出关键一步
- pytorch如何将训练提速?
- mysql端口隐藏_修改MySQL端口以及出现的问题
- cmdn发布博客(markdowm)
- 两个ViewControllerScene互相show,全局变量失效?简直就是zuo!
- ps在psd格式图片里面切图流程
- 激活Windows系统的方式
- 如何通过阿里云APP进行域名备案?阿里云备案流程需要多久?
- Keil中文显示设置
- 赵越,一个优秀的科研工作者
- 定制ToolChain for ARM
- jQ选择器与常用的方法归纳
- 如何在控制台创建文件夹
- 海思系统开发——linux下挂载SD卡
- 软件工程项目——大学生综测评分计算管理系统
- vue实现录音功能js-audio-recorder带波浪图
- The method xxx of type xxx must override or implement a supe
- 全文翻译【Scaled-YOLOv4: Scaling Cross Stage Partial Netw】
- Android手机文件远程管理