DHTML: FileReader.onload イベント・ハンドラー・プロパティ  編集:2021.11.16 by T.A.

MS

readAsArrayBufferreadAsBinaryStringreadAsDataURLreadAsText でのコンテンツ読み込みが完了して、利用可能になると発火する 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);
}

HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: