先说说我遇到的问题,直接使用uni.saveImageToPhotosAlbum
报错,提示信息为:fail not absolute path
。
从官网可以看出来,图片文件路径filePath
不可以是网络图片路径,只可以是临时路径或者说是永久文件路径。
图片.png
所以我们可以用
uni.downloadFile
将图片下载到本地,然后将它返回的本地临时文件保存到相册就可以了。
1、完整的思路流程
1、首先查看用户是否有‘’保存到相册‘’的权限,uni.getSetting
(获取用户的当前设置);
2、如果用户没有授权,发起授权,uni.authorize
(提前向用户发起授权请求。调用后会立刻弹窗询问用户是否同意授权小程序使用某项功能或获取用户的某些数据,但不会实际调用对应接口。如果用户之前已经同意授权,则不会出现弹窗,直接返回成功。如果用户之前拒绝了授权,此接口会直接进入失败回调,一般搭配uni.getSetting和uni.openSetting使用);
3、如果在授权过程中,用户点击了拒绝授权,跳转至设置页面,引导用户授权;
4、保存图片;
2、完整代码
savePoster() {
let that = this;
uni.downloadFile({
url: this.poster,
success: res => {
if (res.statusCode === 200) {
that.filePath = res.tempFilePath;
//获取授权列表,查看是否授权写入相册权限
uni.getSetting({
success(res) {
if (!res.authSetting['scope.writePhotosAlbum']) {
uni.authorize({
scope: 'scope.writePhotosAlbum',
success() {
that.saveimgtoAlbum()
}
})
} else {
that.saveimgtoAlbum()
}
}
})
}
}
})
},
saveimgtoAlbum() {
//图片保存到本地
let that = this;
uni.showLoading();
uni.saveImageToPhotosAlbum({
filePath: that.filePath,
success: function(data) {
uni.hideLoading()
uni.showToast({
title: '保存成功',
icon: 'success',
duration: 2000
})
},
fail: function(err) {
uni.hideLoading();
if (err.errMsg === "saveImageToPhotosAlbum:fail auth deny") {
uni.openSetting({
success(settingdata) {
if (settingdata.authSetting['scope.writePhotosAlbum']) {
uni.showToast({
title: '您已授权成功,请重新保存收款码',
icon: 'success',
duration: 2000
})
} else {
uni.showToast({
title: '尚未授权,无法保存海报',
icon: 'none',
duration: 2000
})
}
}
})
}
}
})
}
}
原文转载:https://blog.csdn.net/weixin_45563734/article/details/137873076,这里只做记录使用