【小ネタ】ローカルにある画像ファイルをBase64エンコードするJavaScript

画像ファイルをData URL形式に変換したいなと思ったときの備忘録。

こんな感じ

読み込み時にbase64を指定できるらしい

const fs = require("fs");

// 変換するファイルパス
const filePath = "./photo.png";

// 対象のファイルをbase64形式で読み込み
const base64Data = fs.readFileSync(filePath, { encoding: "base64" });

// 読み込んだ内容をData URLのフォーマットで表示
console.log(`data:image/png;base64,${base64Data}`);

以上!!

参考にしたサイト様

• node.js - How do I convert an image to a base64-encoded data URL in sails.js or generally in the servers side JavaScript? - Stack Overflow