ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript で Base64 文字列をエンコードおよびデコードするにはどうすればよいですか?

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

Barbara Streisand
Barbara Streisandオリジナル
2024-11-01 01:25:02718ブラウズ

How to Encode and Decode Base64 Strings in JavaScript?

JavaScript で Base64 文字列を操作する方法

さまざまなシナリオで、Base64 を使用してデータをエンコードまたはデコードする必要が生じる場合があります。 Base64 は、バイナリ データを ASCII 文字列形式で表す、バイナリからテキストへのエンコード スキームです。 JavaScript には、Base64 のエンコードとデコードを処理する簡単な方法があります。

文字列を Base64 にエンコードする

JavaScript には、バイナリを表す文字列をエンコードする btoa() 関数が用意されています。データをBase64に変換します。入力文字列には 8 ビット バイトを表す文字が含まれている必要があることに注意してください。

Base64 文字列のデコード

Base64 文字列をバイナリ データにデコードするには, JavaScript には atob() 関数が用意されています。 atob() の出力は、8 ビットのバイト値を含む文字列です。これは必ずしも ASCII 文字を表すわけではないことに注意してください。

使用例

エンコードとデコードのプロセスを説明するには、次のようにします。

<code class="javascript">const base64String = btoa("Hello, World!");
console.log(base64String); // Outputs "SGVsbG8sIFdvcmxkIQ=="

const decodedString = atob(base64String);
console.log(decodedString); // Outputs "Hello, World!"</code>

その他の考慮事項

  • ブラウザ互換性: caniuse.com などのリソースを使用して、btoa() と atob() のブラウザ互換性を確認します。
  • 画像またはバイナリ データを扱うときは、入力文字列と出力文字列がバイナリ データとして正しく処理されていることを確認してください。データ破損。
  • JavaScript で Base64 エンコードを使用するための代替ライブラリとアプローチ (Node.js の Buffer クラスやサードパーティなど) があります。モジュール。

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

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