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

JavaScript を使用した Base64 での文字列のエンコードとデコード

バイナリ データを扱う場合、バイナリ データを適切な形式にエンコードする必要があります。インターネット経由での送信やデータベースへの保存が頻繁に発生します。 JavaScript は、この目的に役立つツールを提供します。Base64 エンコーディング。

btoa() によるエンコーディング

JavaScript を使用して文字列を Base64 でエンコードするには、btoa( ） 関数。この関数は、8 ビットのバイト配列を表す文字列パラメーターを受け取り、それを Base64 でエンコードされた文字列に変換します。例:

<code class="javascript">const encodedString = btoa('Hello World!'); // Output: "SGVsbG8gV29ybGQh"</code>

atob() によるデコード

Base64 でエンコードされた文字列があり、それを元の形式にデコードしたい場合は、次のようにすることができます。 atob() 関数を使用します。各文字が 8 ビット バイトを表す文字列を返します。

<code class="javascript">const decodedString = atob('SGVsbG8gV29ybGQh'); // Output: "Hello World!"</code>

考慮事項

btoa() と atob() が動作することに注意することが重要です。バイト配列なので、文字列に非 ASCII 文字またはバイナリ データが含まれている場合は、btoa() を使用する前にエンコードする必要がある場合があります。さらに、atob() 関数はバイナリ文字列を返します。出力をテキスト文字列として解釈したい場合は、Unicode API を使用して Unicode 文字列に変換する必要がある場合があります。

代替リソース

詳細についてはJavaScript でのバイナリ データの処理については、次のリソースを参照してください:

• [JavaScript と XMLHttpRequest を使用してバイナリ イメージ データをロードするにはどうすればよいですか?](https://stackoverflow.com/questions/3422673) /how-do-i-load-binary-image-data-using-javascript-and-xmlhttprequest)

ブラウザの互換性

ほとんどの最新ブラウザbtoa() と atob() をサポートしているため、コードで使用する前に、それらが利用可能かどうかを常に確認することをお勧めします。 CanIUse などのオンライン ツールを使用して互換性を確認できます:

• [Atob](https://caniuse.com/?search=atob)
• [Btoa](https: //caniuse.com/?search=btoa)

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