DHTML：FileReader.resultプロパティ

`instanceOfFileReader`	FileReader。

読み取り操作を開始するためにどの読み取りメソッドが使用されたかに基づく、適切な文字列または ArrayBuffer です。読み取りがまだ完了していないか、失敗した場合は、値は null になります。

実行メソッド	説明
readAsArrayBuffer()	結果はバイナリデータを含む JavaScript の ArrayBuffer になります。
readAsBinaryString()	結果にはファイルからの生のバイナリデータが文字列で格納されます。
readAsDataURL()	結果はファイルのデータを表す data: URL の文字列になります。
readAsText()	結果は文字列のテキストです。

この例は、ファイル入力からファイルを読み込む関数 read() を示しています。これは FileReader オブジェクトを作成し、load イベントのリスナーを作成し、ファイルが読み込まれるとその result を取得し、提供されたコールバック関数を read() に渡すことによって機能します。

内容は生のテキストデータとして扱われます。

var fileInput = document.querySelector('input[type="file"]');

function read(callback) {
  var file = fileInput.files.item(0);
  var reader = new FileReader();

  reader.onload = function() {
    callback(reader.result);
  }

  reader.readAsText(file);
}

構文

値

例

テスト

スクリプト：

スクリプト：