JavaScript Base64エンコード/デコードする

最終更新日

バイナリデータなどをBase64データ(64種類の文字列)として変換(エンコード)する場合には、「btoa()」メソッドを使います。パラメータに指定されたデータは、Base64形式で示される文字列に変換されます。Base64エンコードされた文字列を元に復元(デコード)するには、「atob()」メソッドを使います。Base64で使用される文字は、次の表のようになります。また、不足ビット数を埋める文字として「=」が使用されます。

対応文字
0A
1B
2C
3D
4E
5F
6G
7H
8I
9J
10K
11L
12M
13N
14O
15P
16Q
17R
18S
19T
20U
21V
対応文字
22W
23X
24Y
25Z
26a
27b
28c
29d
30e
31f
32g
33h
34i
35j
36k
37l
38m
39n
40p
41p
42q
対応文字
43r
44s
45t
46u
47v
48w
49x
50y
51z
520
531
542
553
564
575
586
597
608
619
62+
63/
<body>
<script>
    window.addEventListener("load" , function(){
        var ele = document.getElementsByTagName("output")[0];
        //エンコードした結果を代入
        var result1 = window.btoa("javascript 150%");
        //デコードした結果を代入
        var result2 = window.atob(result1);

        ele.innerHTML = "btoa:" + result1 + "<br>";
        ele.innerHTML += "atob:" + result2;

    }, false);
</script>
    <output></output>
</body>