微信小程序保存图片到相册

原创

已于 2022-11-14 11:22:28 修改 · 9.4k 阅读

标签

#微信小程序 #小程序

于 2022-06-07 13:03:59 首次发布

微信小程序实现将图片保存到手机相册（方案一）

微信小程序实现将图片保存到手机相册（方案二）

微信小程序之点击复制文本到剪贴板

微信小程序---判断是IOS还是安卓

微信小程序分享图片给微信好友

微信小程序实现将图片保存到手机相册（方案一）

首先我们需要调用wx.downloadFile方法下载文件资源到本地，然后利用wx.saveImageToPhotosAlbum方法保存图片到系统相册，需要注意的是这样写很可能会因为没有权限而导致下载不了图片，所以我们最后还需要给接口一个调用失败的回调函数，以此来获取权限，最后这个小功能就实现啦。

<!-- 按钮触发事件 -->
<button bindtap="downloadImg">点击下载图片</button>


const app = getApp(); //获取app实例
Page({
    data: {
        modalType: false, //弹框默认不显示
        imgUrl: "https://s1.ax1x.com/2022/04/11/LV4c4J.jpg", //模拟图片
    },
    // 点击下载图片事件
    downloadImg() {
        wx.showLoading({
            title: '加载中...'
        });
        //wx.downloadFile方法：下载文件资源到本地
        wx.downloadFile({
            url: this.data.imgUrl, //图片地址
            success: function (res) {
                //wx.saveImageToPhotosAlbum方法：保存图片到系统相册
                wx.saveImageToPhotosAlbum({
                    filePath: res.tempFilePath, //图片文件路径
                    success: function (data) {
                        wx.hideLoading(); //隐藏 loading 提示框
                        wx.showModal({
                            title: '提示',
                            content: '保存成功',
                            modalType: false,
                        })
                    },
                    // 接口调用失败的回调函数
                    fail: function (err) {
                        if (err.errMsg === "saveImageToPhotosAlbum:fail:auth denied" || err.errMsg === "saveImageToPhotosAlbum:fail auth deny" || err.errMsg === "saveImageToPhotosAlbum:fail authorize no response") {
                            wx.showModal({
                                title: '提示',
                                content: '需要您授权保存相册',
                                modalType: false,
                                success: modalSuccess => {
                                    wx.openSetting({