將微信小程序的圖片轉成base64 點擊此鏈接看另一篇

以下是將后端返回的base64轉成圖片：

方法1：使用微信小程序自帶方法

//把base64轉換成圖片getBase64ImageUrl: (base64Url) {/// 獲取到base64Datavar base64Data = base64Url;/// 通過微信小程序自帶方法將base64轉為二進制去除特殊符號，再轉回base64base64Data = wx.arrayBufferToBase64(wx.base64ToArrayBuffer(base64Data));/// 拼接請求頭，data格式可以為image/png或者image/jpeg等，看需求const base64ImgUrl = "data:image/png;base64," + base64Data;/// 得到的base64ImgUrl直接給圖片:src使用即可return base64ImgUrl;},

方法2：引用base64.js
2.1步驟1：先新建一個base64.js文件

const fsm = wx.getFileSystemManager(); const FILE_BASE_NAME = 'tmp_base64src'; //自定義文件名function base64src(base64data, cb) {const [, format, bodyData] = /data:image\/(\w+);base64,(.*)/.exec(base64data) || [];if (!format) {return (new Error('ERROR_BASE64SRC_PARSE'));}const filePath = `${wx.env.USER_DATA_PATH}/${FILE_BASE_NAME}.${format}`;const buffer = wx.base64ToArrayBuffer(bodyData);fsm.writeFile({filePath,data: buffer,encoding: 'binary',success() {cb(filePath);},fail() {return (new Error('ERROR_BASE64SRC_WRITE'));},}); }; module.exports = base64src;

2.2步驟2：在需要使用的頁面引入方法在使用

var base64src = require('./base64.js')getBase64ImgUrl:(res){//拿到后端給的base64字符串var shareQrImg = `data:image/jpg;base64,` + res.data.base64base64src(shareQrImg, resCurrent => {this.imgUrl = resCurrent//resCurrent就是base64轉換后的圖片，直接給圖片對的:src即可}) }

總結

以上是生活随笔為你收集整理的微信小程序中base64转换成图片；uni-app小程序base64转图片；微信小程序base64文件转图片；微信小程序base64图片转图片的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。