溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
前天瀏覽技術博客，看到大廠面試題型中有使用nodejs實現base64和圖片文件相互轉換的例子，剛好近期要開發這個功能，暫時記錄下來，下周開發完成再做一個補充。
1. 將base64 轉換為圖片文件，這里舉例用的png文件
const fs = require('fs');
const path = 'xxx/'+ Date.now() +'.png';
const base64 = data.replace(/^data:image\/\w+;base64,/,""); //去掉圖片base64碼前面部分data:image/png;base64
// new Buffer 操作權限太大，v6.0后使用Buffer.from()創建構造函數
const dataBuffer = new Buffer(base64, 'base64'); //把base64碼轉成buffer對象，
fs.writeFile(path, dataBuffer, function(err){//用fs寫入文件
if(err){
console.log(err);
}else{
console.log('寫入成功！');
}
})
創建Buffer
類型：類整數數組
原因：JavaScript 語言自身只有字符串數據類型，沒有二進制數據類型。但在處理像TCP流或文件流時（base64即文件流），必須使用到二進制數據。因此在 Node.js中，定義了一個Buffer類，該類用來創建一個專門存放二進制數據的緩存區。
常用
const buf = Buffer.from(string, encoding); // 返回一個被 string,編碼格式是base64(默認編碼格式是utf-8)的值初始化的新的 Buffer 實例 buf.toJSON(); // 轉換為JSON對象 buf.write(string, offset, length, encoding) // 寫入node緩存區 buf.toString(encoding, start, end) // 從緩存區讀取數據
2.將圖片文件轉換成base64
const fs = require("fs");
const util = require("util");
const imageData = await util.promisify(fs.readFileSync(fileUrl)); // 例：xxx/xx/xx.png
const imageBase64 = imageData.toString("base64");
const imagePrefix = "data:image/png;base64,";
console.log(imagePrefix + imageBase64);
知識點補充：NodeJs將任意文件轉換為base64格式
很多圖片音頻等文件，有時候可能需要讀取到數據中或者放到單文件的HTML中時，將它們轉換成為base64格式是一個好方法，nodejs可以很方便的把文件轉換為base64格式：
需要依賴庫“fs”，“path”，“mime-types”，庫mime-types可通過npm安裝，具體的代碼如下：
const fs = require('fs');
const path = require('path');
const mineType = require('mime-types');
let filePath = path.resolve('your/file/path');
let data = fs.readFileSync(filePath);
data = new Buffer(data).toString('base64');
let base64 = 'data:' + mineType.lookup(filePath) + ';base64,' + data;
fs.writeFileSync(path.resolve('your/save/file/path'), base64);
在你保存的文件中就有該文件的base64格式數據了，實際使用中可以直接使用轉換的base64數據，然后可以放到img、audio或者video標簽上使用。
總結
到此這篇關于使用Node.js實現base64和png文件相互轉換的文章就介紹到這了,更多相關nodejs base64和png轉換內容請搜索億速云以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持億速云！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
