base64form

2026-04-29 日本語が通らなかったので修正実施。

フォーム

定義したutf8_to_b64()でBASE64エンコード、b64_to_utf8()でBASE64デコードするフォーム。

HTML

デスクトップにファイルを置いてダブルクリックで使えるようにしておくといいかも。

<!doctype html>
<html>
  <head>
    <title>base64 decode encode</title>
  </head>
  <body>
    <h1>base64 decode encode</h1>
    定義したutf8_to_b64()でBASE64エンコード、b64_to_utf8()でBASE64デコードするフォーム。 <br/>
    <textarea id="txt" rows="5" cols="40" placeholder="ここにテキストを貼ってください"></textarea><br/>
    <button id="dec">utf8_to_b64()</button>&nbsp;<button id="enc">b64_to_utf8()</button>
    <script>
      function utf8_to_b64(str) {
          return btoa(unescape(encodeURIComponent(str)));
      }
 
      function b64_to_utf8(b64) {
          return decodeURIComponent(escape(atob(b64)));
      }
      document.getElementById('dec').addEventListener('click',function(e){ document.getElementById('txt').value=utf8_to_b64(document.getElementById('txt').value)});
      document.getElementById('enc').addEventListener('click',function(e){ document.getElementById('txt').value=b64_to_utf8(document.getElementById('txt').value)});
    </script>
  </body>
</html>

JavaScript, エンコードフォーム, デコードフォーム