--- title: FileReader.onload slug: Web/API/FileReader/onload tags: - Event Handler - File - FileReader - Property - Reference translation_of: Web/API/FileReader/onload ---

{{APIRef}}

FileReader.onload プロパティは、readAsArrayBuffer や readAsBinaryString、 readAsDataURL、readAsText でのコンテンツ読み込みが完了して、利用可能になると発火する {{event('load')}} イベント時に実行されるイベントハンドラを含みます。

例

// <input type="file" onchange="onChange(event)"> からのコールバック
function onChange(event) {
  var file = event.target.files[0];
  var reader = new FileReader();
  reader.onload = function(event) {
    // ファイルのテキストがここにプリントされる
    console.log(event.target.result)
  };

  reader.readAsText(file);
}