[JavaScript] 文字列をBase64エンコードする（.btoa）

投稿日：2018年1月1日

文字列をBase64エンコードには、window.btoa()を使用します。

サンプルソース

例）文字列「abcdefg」をBase64エンコードする

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>Sample</title>
<script>
function test(){
  let aa = window.btoa("abcdefg");
  let obj = document.getElementById("d1");
  obj.innerText = aa;
}
</script>
</head>
<body>
  <input type="button" value="ボタン" id="btn1" onclick="test();">
  <div id="d1"></div>
</body>
</html>

<!DOCTYPE html>

<head>

<title>Sample</title>

function test(){

let aa = window.btoa("abcdefg");

let obj = document.getElementById("d1");

obj.innerText = aa;

}

</script>

</head>

<body>

</body>

</html>

（結果）: YWJjZGVmZw==

実行サンプル

文字を入力してボタンを押すと、Base64エンコードした結果が表示されます。

Base64対象文字のみ指定してください。

解説

.btoaメソッドに渡す文字は、"A～Z", "a～z", "0～9", "+", "/", "=" に限ります。
上記以外の文字を渡すと例外が発生します。
文字列をBase64デコードするには、以下ページをご覧ください。
⇒ 文字列をBase64デコードする

執筆者：とら