小程序保存图片

先说说我遇到的问题,直接使用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,这里只做记录使用

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容