[解決済み】JavaScriptで文字列をBase64にエンコードするにはどうすればいいですか？

質問

PNG画像をBase64文字列にエンコードするPHPスクリプトを持っています。

同じことをJavaScriptで行いたいのですが、どうすればいいですか？ファイルを開く方法は知っているが、エンコードをどうすればいいのかわからない。バイナリーデータを扱うのに慣れていないんだ。

どのように解決するのですか？

を使用することができます。 btoa() と atob() を使用して、base64エンコーディングとの間で変換します。

これらの関数が何を受けとり、何を返すかについて、コメント欄で混乱があるようなので、...

• btoa() は、各文字が8ビットバイトを表す「文字列」を受け付けます。もし、8ビットで表現できない文字を含む文字列を渡すと、その文字列は はおそらく壊れるでしょう。 . これは問題ない もし の場合、文字列をバイト配列として扱いますが、それ以外のことをしようとすると、まずエンコードする必要があります。

• atob() は、各文字が8ビットバイトを表す "文字列 "を返します。 0 と 0xff . これは ではない おそらく、この関数を使うのであれば、テキストではなくバイナリデータを扱うことを想定しているのでしょう。

こちらもご覧ください。

• JavascriptとXMLHttpRequestを使用して、バイナリ画像データを読み込むには？

ここのコメントはほとんど古くなっています。あなたはおそらく、両方の btoa() と atob() ただし、本当に時代遅れのブラウザをサポートしている場合は除きます。

ここで確認してください。

• https://caniuse.com/?search=atob
• https://caniuse.com/?search=btoa