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

申请权限



代码如下

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: "保存失败"
            })
        }
    }
  })
}
相关推荐
dccose4 小时前
vue3 uniapp 扫普通链接或二维码打开小程序并获取携带参数
小程序·uni-app
tian-ming9 小时前
JavaWeb后端开发知识储备2
notepad++
尘浮生10 小时前
Java项目实战II基于微信小程序的校运会管理系统(开发文档+数据库+源码)
java·开发语言·数据库·微信小程序·小程序·maven·intellij-idea
尘浮生14 小时前
Java项目实战II基于微信小程序的电影院买票选座系统(开发文档+数据库+源码)
java·开发语言·数据库·微信小程序·小程序·maven·intellij-idea
HerayChen17 小时前
微信小程序混合 h5 wx.miniProgram是 undefined
微信小程序·小程序·h5
耶啵奶膘21 小时前
uniapp+vue2全局监听退出小程序清除缓存
小程序·uni-app
中云DDoS CC防护蔡蔡1 天前
微信小程序被攻击怎么选择高防产品
服务器·网络安全·微信小程序·小程序·ddos
井眼1 天前
微信小程序-prettier 格式化
微信小程序·小程序
qq_17448285751 天前
springboot基于微信小程序的旧衣回收系统的设计与实现
spring boot·后端·微信小程序