JavaScript でファイルを Base64 文字列に変換するにはどうすればよいですか?

JavaScript でのファイルから Base64 への変換

ファイルを Base64 文字列に変換することは、さまざまな Web アプリケーションにとって不可欠です。 JavaScript では、このタスクは FileReader クラスを使用して実現できます。

問題:

ユーザーは querySelector を使用して File オブジェクトを取得し、それを JSON 経由で送信しようとしています。 Base64形式。問題は、このファイルを Base64 文字列に変換する方法です。

解決策:

ファイルを Base64 文字列に変換するには、次のように FileReader クラスを利用します。

function getBase64(file) {
   var reader = new FileReader();
   reader.readAsDataURL(file);
   reader.onload = function () {
     console.log(reader.result); // Base64 string
   };
   reader.onerror = function (error) {
     console.log('Error: ', error);
   };
}

var file = document.querySelector('#files > input[type="file"]').files[0];
getBase64(file);

このコードでは、getBase64 関数が FileReader インスタンスを初期化し、ファイルの読み取りを開始します。データのURL。読み取り操作が完了すると、onload イベント ハンドラーが呼び出され、base64 文字列がコンソールに出力されます。

querySelector を通じて取得されたファイルは、Blob のサブクラスである File オブジェクトであるため、互換性があることに注意してください。 FileReader クラスを使用します。完全な動作例が参考として利用可能です。

以上がJavaScript でファイルを Base64 文字列に変換するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。