JavaScript でファイルを Base64 エンコーディングに変換するにはどうすればよいですか?

JavaScript を使用してファイルを Base64 に変換する

base64 で JSON 経由でファイルを送信するには、次の手順に従います:

1. ファイルを取得するオブジェクト:

   • document.querySelector() を使用してファイル入力要素を選択します。
   • ファイル配列のインデックス 0 からファイル オブジェクトを取得します。

2. を使用して Base64 に変換しますFileReader:

   • FileReader オブジェクトを作成します。
   • FileReader オブジェクトで readAsDataURL を呼び出し、ファイル オブジェクトを引数として渡します。

   • onload イベント ハンドラー:

     • base64 文字列Reader.result.
3. コード例:

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

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

ファイルオブジェクトは Blob.

のサブクラスであるため、FileReader で使用できます。

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