欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

利用nodejs讀取圖片并將二進制數據轉換成base64格式

 更新時間:2022年08月03日 11:35:53   作者:暮志未晚Webgl  
這篇文章主要介紹了利用nodejs讀取圖片并將二進制數據轉換成base64格式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教

讀取圖片并將二進制數據轉換成base64格式

首先,使用nodejs進行數據讀取,需要用到nodejs的fs模塊進行數據讀?。?/p>

fs.readFile('你的資源路徑','binary',function(err,data){
? ? if(err){
? ? ? ? console.log(err)
? ? }else{
? ? ? ? console.log('數據讀取成功');
? ? }
});

讀取到當前的文件數據以后,我們還需要使用js的Buffer類進行數據轉換:

先用buffer將數據進行緩存

const buffer = new Buffer(data, 'binary');

然后獲取到圖片的base64格式數據:

buffer.toString('base64')

由于獲取到的base64不含有前面的圖片類型等內容,所以,我們賦值給image對象的時候,還需要添加上相應的圖片類型內容:

img.src = 'data: image/'+ getImageType(fileName) +';base64,' + buffer.toString('base64');
//獲取當前圖片的格式
function getImageType(str){
? ? var reg = /\.(png|jpg|gif|jpeg|webp)$/;
? ? return str.match(reg)[1];
}

最后,附上完整的代碼:

fs.readFile('你的資源路徑','binary',function(err,data){
? ? if(err){
? ? ? ? console.log(err)
? ? }else{
? ? ? ? const buffer = new Buffer(data, 'binary');
? ? ? ? img.src = 'data: image/'+ getImageType(fileName) +';base64,' + buffer.toString('base64');
? ? }
});

既然有讀取,那么,再加上如何將base64格式的圖片保存到本地,還是需要用到buffer進行保存:

//保存圖片
function saveImg(){
? ? const base64 = canvas.toDataURL().replace(/^data:image\/\w+;base64,/, ""); //必須去掉前綴
? ? const buffer = new Buffer(base64, 'base64');
? ? fs.writeFile('保存路徑', buffer, function (err) {
? ? ? ? if(err) throw err;
? ? ? ? console.log('保存成功');
? ? });
}

nodejs讀取服務器圖片,轉為base64顯示在網頁上

const fs = require("fs");
const mineType = require("mime-types");
function imgToBase64(url) {
try {
let imgurl = config.imageUrl;
let imageData = fs.readFileSync(imgurl);
if (!imageData) return "";
let bufferData = Buffer.from(imageData).toString("base64");
let base64 = "data:" + mineType.lookup(imgurl) + ";base64," + bufferData;
return base64;
} catch (error) {
return "";
}
}

以上為個人經驗,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關文章

  • Nodejs調用WebService的示例代碼

    Nodejs調用WebService的示例代碼

    本篇文章主要介紹了Nodejs調用WebService的示例代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-09-09
  • 使用nvm管理不同版本的node與npm的方法

    使用nvm管理不同版本的node與npm的方法

    本篇文章主要介紹了使用 nvm 管理不同版本的 node 與 npm的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-10-10
  • Node.js JSON模塊用法實例分析

    Node.js JSON模塊用法實例分析

    這篇文章主要介紹了Node.js JSON模塊用法,結合實例形式分析了node.js json模塊的基本語法,以及使用json模塊進行json格式數據解析的相關操作技巧,需要的朋友可以參考下
    2019-01-01
  • nodejs中的異步編程知識點詳解

    nodejs中的異步編程知識點詳解

    在本篇內容里小編給大家整理的是一篇關于nodejs中的異步編程知識點詳解內容,有興趣的朋友們可以學習下。
    2021-01-01
  • node.js中的console.error方法使用說明

    node.js中的console.error方法使用說明

    這篇文章主要介紹了node.js中的console.error方法使用說明,本文介紹了console.error的方法說明、語法、接收參數、使用實例和實現(xiàn)源碼,需要的朋友可以參考下
    2014-12-12
  • vscode 調試 node.js的方法步驟

    vscode 調試 node.js的方法步驟

    這篇文章主要介紹了vscode 調試 node.js的方法步驟,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2020-09-09
  • 深入Node TCP模塊的理解

    深入Node TCP模塊的理解

    這篇文章主要介紹了深入Node TCP模塊的理解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2019-03-03
  • 淺談Node框架接入ELK實踐總結

    淺談Node框架接入ELK實踐總結

    這篇文章主要介紹了淺談Node框架接入ELK實踐總結,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2019-02-02
  • node.js遍歷目錄的方法示例

    node.js遍歷目錄的方法示例

    本篇文章主要介紹了node.js遍歷目錄的方法示例,主要介紹了同步遍歷和異步遍歷兩種方法,非常具有實用價值,需要的朋友可以參考下
    2018-08-08
  • nodejs事件的監(jiān)聽與觸發(fā)的理解分析

    nodejs事件的監(jiān)聽與觸發(fā)的理解分析

    這篇文章主要介紹了nodejs事件的監(jiān)聽與觸發(fā)的理解分析,以實例形式對比分析了nodejs與jQuery關于事件監(jiān)聽的實用技巧,有助于加深對nodejs的理解,需要的朋友可以參考下
    2015-02-02

最新評論