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

申请权限



代码如下

js 复制代码
wx.downloadFile({
    url: image, //仅为示例,并非真实的资源
    success(res) {
        // 只要服务器有响应数据,就会把响应内容写入文件并进入 success 回调,业务需要自行判断是否下载到了想要的内容
        if (res.statusCode === 200) {
            console.log(res);
            wx.saveImageToPhotosAlbum({
                filePath: res.tempFilePath,
                success: function(res) {
                    wx.showToast({
                        icon: 'none',
                        title: "保存成功"
                    })
                },
                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: '需要您授权保存相册',
                            showCancel: false,
                            success: modalSuccess => {
                                wx.openSetting({
                                    success(settingdata) {
                                        if (settingdata
                                            .authSetting[
                                                'scope.writePhotosAlbum'
                                            ]) {
                                            console.log(
                                                '获取权限成功,给出再次点击图片保存到相册的提示。'
                                            )
                                        } else {
                                            console.log(
                                                '获取权限失败,给出不给权限就无法正常使用的提示'
                                            )
                                            wx.showToast({
                                                icon: 'none',
                                                title: "暂未授权,保存失败"
                                            })
                                        }
                                    }
                                })
                            }
                        })
                    } else {
                        wx.showToast({
                            icon: 'none',
                            title: "保存失败"
                        })
                    }
                }
            });
        }
    }
})

//保存base64图片
/**
 * 保存base64的图片
 * @param {String} imgData base64编码的数据
 */
function saveBase64Img(imgData) {
  let save = wx.getFileSystemManager();
  let number = Math.random();
  save.writeFile({
    filePath: wx.env.USER_DATA_PATH + '/pic' + number + '.png',
    data: imgData,
    encoding: 'base64',
    success: (res) => {
      wx.saveImageToPhotosAlbum({
        filePath: wx.env.USER_DATA_PATH + '/pic' + number + '.png',
        success: function (res) {
          showNoIconToast("保存成功");
        },
        fail: function (err) {
          showNoIconToast("保存失败");
        }
      });
    },
    fail: (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: '需要您授权保存相册',
            showCancel: false,
            success: modalSuccess => {
                wx.openSetting({
                    success(settingdata) {
                        if (settingdata
                            .authSetting[
                                'scope.writePhotosAlbum'
                                ]) {
                            console.log(
                                '获取权限成功,给出再次点击图片保存到相册的提示。'
                                )
                        } else {
                            console.log(
                                '获取权限失败,给出不给权限就无法正常使用的提示'
                                )
                             wx.showToast({
                                icon: 'none',
                                title: "暂未授权,保存失败"
                            })
                        }
                    }
                })
            }
        })else{
            wx.showToast({
                icon: 'none',
                title: "保存失败"
            })
        }
    }
  })
}
相关推荐
独角鲸网络安全实验室4 小时前
2026微信小程序抓包全解析:从实操落地到合规风控,解锁前端调试新范式
前端·微信小程序·小程序·抓包·系统代理绕过·https证书严格校验·进程隔离
fix一个write十个10 小时前
【uniApp开发】微信小程序 web-view 内嵌 H5 跳转支付踩坑实录
微信小程序·uni-app
互联科技报19 小时前
2026小程序店铺装修模板怎么选?小程序店铺装修教程是什么?
小程序
凡科网小帆19 小时前
右以云小程序:零基础企业的高性价比数字化落地实录
小程序
棋宣20 小时前
微信小程序onShareAppMessage 分享-生命周期函数 在vue3中 组合式函数 hooks中不生效
微信小程序·小程序
2601_9579665320 小时前
抽卡机盲盒小程序怎么做?完整功能搭建与开发要点
小程序
好赞科技1 天前
深度测评2026年精选美发预约小程序排行榜 革新预约新体验 修订
大数据·微信小程序
一颗无敌码农2 天前
多商户与多门店电商系统有什么区别?核心模式解析
微信小程序·php·用户运营·crmeb
wuyoula2 天前
全新多平台电商代付商城源码
开发语言·c++·ui·小程序·php源码
低代码布道师2 天前
微搭低代码MBA 培训管理系统实战 36——小程序端课程预约功能实现
低代码·小程序