web-dev-qa-db-ja.com

HTML5 File API:readAsText()の結果を表示する方法

readAsText()関数が完了すると、結果は.resultに保存されます

読み取ったファイルの内容が.resultで正しいかどうかを確認するにはどうすればよいですか?

 fr = new FileReader();
 fr.readAsText(file);
 var x = fr.result;
 console.log(x); //does not display anything on console

.resultオブジェクトを表示してコンテンツを確認するにはどうすればよいですか?

29
user32262

readAsTextは非同期なので、onloadコールバックを使用して結果を確認する必要があります。

このようなものを試してください、

var fr = new FileReader();
fr.onload = function(e) {
    // e.target.result should contain the text
};
fr.readAsText(file);

詳細はこちら、

https://developer.mozilla.org/en-US/docs/DOM/FileReader

55
lostsource