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

申请权限



代码如下

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: "保存失败"
            })
        }
    }
  })
}
相关推荐
程序员陆通1 小时前
零基础AI编程开发微信小程序赚流量主广告实战
微信小程序·小程序·ai编程
paopaokaka_luck1 小时前
校园快递小程序(腾讯地图API、二维码识别、Echarts图形化分析)
vue.js·spring boot·后端·小程序·uni-app
头发还在的女程序员5 小时前
ThinkPHP+Mysql 灵活用工小程序-技术深度解析与实践指南
数据库·mysql·小程序
编程猪猪侠9 小时前
解决uni-app微信小程序编译报错:unexpected character `1`
微信小程序·小程序·uni-app
定偶9 小时前
Notepad++插件开发实战
开发语言·数据结构·notepad++
2501_9159090610 小时前
iOS 签名证书全生命周期实战,从开发到上架的多阶段应用
android·ios·小程序·https·uni-app·iphone·webview
suncentwl19 小时前
论答题pk小程序软件版权的
小程序·答题小程序·答题pk·知识竞赛·答题pk软件
weixin_hcs220119 小时前
小程序打通美团核销:解锁到店综合业态私域密码,赋能6000+门店破局增长
小程序·美团团购·美团新平台·java接入美团团购·快速接入美团团购
weixin_177297220691 天前
盲盒抽谷机小程序系统开发:解锁盲盒新玩法,开启潮玩社交新时代
小程序
Hashan1 天前
微信小程序:实现证件OCR识别
前端·vue.js·微信小程序