本篇文章給大家?guī)淼膬?nèi)容是關(guān)于小程序中將base64圖片保存到相冊(cè)中的方法介紹，有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對(duì)你有所幫助。

一、授權(quán)獲取

1、相關(guān)api
wx.getSetting
wx.authorize

2、授權(quán)獲取流程一般為
是否有該權(quán)限 ——> 若無 ——> 調(diào)起授權(quán)彈窗 ——> 同意 ——> 使用相關(guān)api
（如果用戶拒絕授權(quán)則可使用wx.opensetting引導(dǎo)用戶前往授權(quán)設(shè)置頁(yè)授權(quán)）

3、代碼實(shí)現(xiàn)

static async weAuthCheck(type = 'address') {    let resGetting = await new Promise((resolve, reject) => {        wepy.getSetting({            success: res => {                // console.log(res, 'getsetting')                if (res.authSetting.hasOwnProperty(`scope.${type}`) && res.authSetting[`scope.${type}`]) {                    resolve({                        succeeded: true                    })                } else {                    wepy.authorize({                        scope: `scope.${type}`,                        success: () => {                            resolve({                                succeeded: true                            })                        },                        fail: err => {                            // console.log(err, 'errrrr')                            resolve({                                succeeded: false,                                err: err                            })                        }                    })                }            },            fail: err => {                resolve({                    succeeded: false,                    err: err                })            }        })    })    console.log('getSetting res: n', resGetting)    return resGetting}

二、寫入臨時(shí)文件

1、相關(guān)api
文件系統(tǒng)
writeFile

2、參數(shù)encoding 用于說明 寫入的參數(shù)data的格式是什么，并非是將data按encoding的形式寫入。在這里我們應(yīng)該指定encoding為base64

3、代碼實(shí)現(xiàn)

// 先獲得一個(gè)實(shí)例  this.fileManager = wx.getFileSystemManager()this.fileManager.writeFile({    filePath: `${wx.env.USER_DATA_PATH}/qrcode_${timestamp}.png`,    data: data,    encoding: 'base64',    success: res => {        console.log('res: n:', res)    },    fail: res => {        console.log(res)    }})

三、格式化字符串

1、base64字符串的格式： "data:image/png;base64,..........."，逗號(hào)前面這一段為格式說明，用于說明后續(xù)的內(nèi)容格式是圖片格式為png的base64格式。

2、如果直接將整一串字符傳入，雖然可以保存成功，但是將導(dǎo)致圖片文件格式錯(cuò)誤。因此再做一步切割操作

let startIdx = this.qrcode.indexOf('base64,') + 7

四、完整實(shí)現(xiàn)

async onTapSaveQrcode() {    let startIdx = this.qrcode.indexOf('base64,') + 7    let resCheck = await this.$weAuthCheck('writePhotosAlbum')    let timestamp = new Date().getTime()    let self = this    if (resCheck.succeeded) {        wepy.showLoading()        this.fileManager.writeFile({            filePath: `${wx.env.USER_DATA_PATH}/qrcode_${timestamp}.png`,            data: this.qrcode.slice(startIdx),            encoding: 'base64',            success: res => {                console.log('res: n:', res)                wx.saveImageToPhotosAlbum({                    filePath: `${wx.env.USER_DATA_PATH}/qrcode_${timestamp}.png`,                    success: res => {                        self.$emit('save-qrcode-success')                        wepy.showToast({                            title: '保存成功'                        })                    },                    fail: err => {                        console.log(err)        軟件公司
                if (!err.errMsg.includes('cancel')) {                            wepy.showToast({                                title: err.errMsg,                                icon: 'none'                            })                        }                    },                    complete: () => {                        wepy.hideLoading()                    }                })            },            fail: res => {                wepy.hideLoading()                console.log(res)            }        })    }}

以上就是小程序中將base64圖片保存到相冊(cè)中的方法介紹的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注沈陽(yáng)網(wǎng)站建設(shè)其它相關(guān)文章！