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

最新推荐文章于 2024-10-10 17:42:12 发布

优睿

最新推荐文章于 2024-10-10 17:42:12 发布

阅读量4.9k

点赞数

分类专栏：微信小程序文章标签：保存图片到系统相册微信小程序

本文链接：https://blog.csdn.net/qq_36926807/article/details/81586756

版权

微信小程序专栏收录该内容

19 篇文章 1 订阅

订阅专栏

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);
}