JavaScript(Node.js)を使った画像ファイルのBase64エンコード

JavaScript

2016.09.28

Base64とはなんだろう
Base64のデータフォーマット
1. MIME種別
2. Base64データの例
サンプルソース
解説
メモ

Base64とはなんだろう

BASE64エンコードとは、英数字64種類のみを用いたデータ変換手法です。
エンコード後のデータ量は、エンコード前の約3割り増しです。
かんたんに言えば、バイナリデータをテキストデータに変換します。
メールで画像を送ったりする時に使用されていた名残です。

Base64のデータフォーマット

data:<MIME種別;><文字コード;><base64(固定),>テキスト化されたデータが入る

MIME種別

画像ファイルのMIME種別は、下記の通り３つが対応しています。

image/gif （GIF画像）
image/jpeg（JPEG画像）
image/png （PNG画像）

その他

text/plain（プレーンテキスト）
text/html（HTMLテキスト）

などもあります。

Base64データの例

jpg(jpeg)画像ファイルの場合

data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wB
※テキストファイルではないので、「charset=」は省略します。

HTMLの場合

data:text/html;charset=utf-8;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wB
※テキストファイルなので、「charset=」は記載します。

サンプルソース

/* 画像ファイルをBase64に変換する */
let fs = require('fs');

fs.readFile( '01.jpg', function( err, content ) {
if( err ) {
  console.error(err);
}
else {
  /* Base64変換 */
  let base64_data = "data:image/jpeg;base64," + content.toString( 'base64' );
  console.log( base64_data );
}
});