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

申请权限



代码如下

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: "保存失败"
            })
        }
    }
  })
}
相关推荐
wx_ywyy67986 分钟前
小程序定制开发实战:需求拆解、UI 设计与个性化功能落地流程
小程序·小程序开发·小程序制作·小程序搭建·小程序设计·小程序定制开发·小程序开发搭建
亮子AI10 分钟前
【小程序】详细比较微信小程序的 onLoad 和 onShow
微信小程序·小程序
权泽谦10 分钟前
用 Python 做一个天气预报桌面小程序(附源码 + 打包与部署指导)
开发语言·python·小程序
小小王app小程序开发12 分钟前
盲盒抽赏小程序爬塔玩法分析:技术实现 + 留存破局,打造长效抽赏生态
小程序
阿里花盘1 小时前
教育培训机构如何搭建自己的在线教育小程序?
小程序·哈希算法·剪枝·霍夫曼树
2501_916007472 小时前
手机使用过的痕迹能查到吗?完整查询指南与步骤
android·ios·智能手机·小程序·uni-app·iphone·webview
TiAmo zhang3 小时前
微信小程序开发案例 | 极简清单小程序(下)
微信小程序·小程序·notepad++
從南走到北4 小时前
JAVA国际版同城外卖跑腿团购到店跑腿多合一APP系统源码支持Android+IOS+H5
android·java·ios·微信小程序·小程序
说私域7 小时前
基于开源链动2+1模式AI智能名片S2B2C商城小程序的赛道力构建与品牌发展研究
人工智能·小程序
码起来呗16 小时前
基于微信小程序的旅游攻略分享互动平台设计与实现-项目分享
微信小程序·小程序·旅游