ホームページ >ウェブフロントエンド >jsチュートリアル >btoa() と atob() を使用して JavaScript で文字列を Base64 にエンコードおよびデコードするにはどうすればよいですか?

btoa() と atob() を使用して JavaScript で文字列を Base64 にエンコードおよびデコードするにはどうすればよいですか?

Barbara Streisand
Barbara Streisandオリジナル
2024-11-02 16:17:301049ブラウズ

How do I Encode and Decode Strings to Base64 in JavaScript using btoa() and atob()?

JavaScript での文字列の Base64 へのエンコードとデコード: btoa() と atob() の公開

JavaScript での文字列の Base64 へのエンコードとデコードbtoa() 関数と atob() 関数を使用して実現できます。ただし、これらの関数が何を受け取り、何を返すかを理解することが重要です。

  • btoa() によるエンコード:

    • btoa()各文字が 8 ビット バイトを表す文字列。
    • 入力文字列に 8 ビット範囲外の文字が含まれている場合、正しいエンコードのために前処理が必要になる場合があります。
  • atob() でデコードすると、

    • atob() は、各文字が 8 ビット バイトを表す文字列を返します。
    • 返された文字列デフォルトでは ASCII テキストではないため、用途によってはさらに処理が必要になる場合があります。

使用例:

<code class="javascript">// Encode a string to Base64
const encodedString = btoa('Hello, World!');

// Decode a Base64-encoded string
const decodedString = atob(encodedString);</code>

参考資料:

  • [JavaScript と XMLHttpRequest を使用してバイナリ画像データをロードするにはどうすればよいですか?](https://stackoverflow.com/questions/7492864/how-do- i-load-binary-image-data-using-javascript-and-xmlhttprequest)
  • [サポート テーブルを使用できますか](https://caniuse.com/?search=atob)
  • [サポート テーブルを使用できますか](https://caniuse.com/?search=btoa)

以上がbtoa() と atob() を使用して JavaScript で文字列を Base64 にエンコードおよびデコードするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。