小程序生成图片保存到系统相册

wxml:

</view>

<button class="weui-btn" type="primary" bindtap='onSavePicClick' data-img="这里写合法域名下的图片路径（https开头）">点击保存图片</button>

</view>

js:

Page({
downloadImage: function (imageUrl) {
// 下载文件
wx.downloadFile({
url: imageUrl,
success: function (res) {
console.log("下载文件：success");
console.log(res);

// 保存图片到系统相册
wx.saveImageToPhotosAlbum({
filePath: res.tempFilePath,
success(res) {
console.log("保存图片：success");
wx.showToast({
title: '保存成功',
});
},
fail(res) {
console.log("保存图片：fail");
console.log(res);
}
})
},
fail: function (res) {
console.log("下载文件：fail");
console.log(res);
}
})
},
onSavePicClick: function (e) {
var that=this;
console.log("onSavePicClick");
console.log(e);
var downloadUrl = e.currentTarget.dataset.img ;
console.log("downloadUrl=" + downloadUrl);

if (!wx.saveImageToPhotosAlbum) {
wx.showModal({
title: '提示',
content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'
})
return;
}

// 可以通过 wx.getSetting 先查询一下用户是否授权了 "scope.writePhotosAlbum" 这个 scope
wx.getSetting({
success(res){
console.log("getSetting: success");
if (!res.authSetting['scope.writePhotosAlbum']) {
console.log("1-没有授权《保存图片》权限");

// 接口调用询问
wx.authorize({
scope: 'scope.writePhotosAlbum',
success() {
console.log("2-授权《保存图片》权限成功");
that.downloadImage(downloadUrl);
},
fail() {
// 用户拒绝了授权
console.log("2-授权《保存图片》权限失败");
// 打开设置页面
wx.openSetting({
success: function (data) {
console.log("openSetting: success");
},
fail: function (data) {
console.log("openSetting: fail");
}
});
}
})
} else {
console.log("1-已经授权《保存图片》权限");
that.downloadImage(downloadUrl)
}
},
fail(res) {
console.log("getSetting: fail");
console.log(res);
}

})

},
})

效果图：

小程序生成图片保存到系统相册相关推荐

小程序生成图片保存到系统相册_无需APP，这个微信小程序一键生成证件照
今天分享一个证件照小程序. 大家有没有遇到这种情况?突然间就需要一张自己证件照. 有时候是一寸.两寸,突然又是小二寸有时候是蓝底.红底,突然又是白底总之非常麻烦彩色打印机现在到处都有,打照片的小 ...
小程序生成图片保存到系统相册_iSee图片专家下载|iSee图片专家 3.930 官方版
下面点击下载安装,最新更新的这个版本对于很多用户来说,体验感觉还是可以的.虽然有一些小问题没有解决,但是大体上还是符合用户使用需求.尤其是针对之前版本的修改,就比较OK的感觉. iSee图片专家软件特 ...
小程序生成图片保存到系统相册_电子相册怎么做快速制作电子相册方法
电子相册怎么做快速制作电子相册方法?下面就是有关快速制作电子相册的具体方法. 方法/步骤 1 方法一:利用PPT制作电子相册.首先,我们新建一个PPT,点击工具栏"插入"--&q ...
微信小程序生成图片保存到相册以及分享给好友
这个功能我研究了一天半,最开始的头疼到后面成功实现,其中艰辛不言而喻,值得记录一下,经常写博客后,会发现自己在遇到问题和技术的时候就会习惯性的写博客,这是一个好习惯言归正传 html添加canvas ...
微信小程序如何把小程序页面保存至用户相册
思路 canvas绘制出页面将canvas转化成图片,获取到临时路径用临时路径将图片保存至相册组件及API canvas ( 画布 ) 官方文档链接 wx.canvasToTempFilePat ...
[附源码]计算机毕业设计springboot基于微信小程序的网络办公系统
项目运行环境配置: Jdk1.8 + Tomcat7.0 + Mysql + HBuilderX(Webstorm也行)+ Eclispe(IntelliJ IDEA,Eclispe,MyEclis ...
（附源码）springboot基于微信小程序的校园外卖系统毕业设计091024
Springboot基于微信小程序的校园外卖系统摘要随着生活质量的日益改善以及生活节奏的日益加快,人们对餐饮需求的质量以及速度也随之发生着变化.为了满足社会需求,餐饮的高质量和快节奏也渐渐使电话订 ...
node.js基于微信小程序的外卖订餐系统 uniapp 小程序
美食是人类永恒的话题,无论是在古代还是现代人们对美食都有一种非常的热爱在里面,但是随着时代的发展,人们可能没有更多的时间去研究美食,很多时候人们在下班或者放学之后更希望通过网络来进行订餐,为此我开发了 ...
计算机毕业设计Python+uniapp基于微信小程序某企业考勤系统(小程序+源码+LW)
计算机毕业设计Python+uniapp基于微信小程序某企业考勤系统(小程序+源码+LW) 该项目含有源码.文档.程序.数据库.配套开发软件.软件安装教程项目运行环境配置: Pychram社区版+ ...

小程序生成图片保存到系统相册

小程序生成图片保存到系统相册相关推荐

最新文章

热门文章