☰

JavaScript でファイルを base64 に変換するにはどうすればいいですか? 質問する

tag-icon • tag-icon javascript base64
JavaScript でファイルを base64 に変換するにはどうすればいいですか? 質問する

UPD TypeScriptバージョンも回答で利用可能

今、次の行で File オブジェクトを取得しています:

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

このファイルを base 64 の json 経由で送信する必要があります。これを base64 文字列に変換するにはどうすればよいでしょうか?

ベストアンサー1

以下の解決策を試してくださいFileReader クラス:

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

は のサブクラスである型.files[0]であることに注目してください。したがって、 と一緒に使用できます。完全な動作を参照してください。FileBlobFileReader
例。

おすすめ記事