簡單的客戶端文件處理，而無需刷新

什麼是下面的用例一個清潔，簡單JavaScript解決方案：簡單的客戶端文件處理，而無需刷新

在網頁中，用戶選擇並上傳從她的本地文件系統中的文本文件，但不是加載將文件發送到服務器，客戶端JavaScript代碼打開並處理文件的內容，並將結果寫入同一頁面而不刷新頁面。

注意：我不需要保留文件的內容 - 如果用戶關閉頁面，則內容會丟失，這很好。一切都應該發生在客戶端的頁面上 - 無需觸摸服務器。

如果這裏有一些輕量級的JQuery插件，很想知道！

2012-09-04 MLister

您可能會閱讀本文[鏈接] http://stackoverflow.com/questions/166221/how-can-i-upload-files-asynchronously-with-jquery –

你在說什麼是HTML5文件API。我不確定描述它的最佳鏈接是什麼，但這可能有所幫助。 https://developer.mozilla.org/en-US/docs/Using_files_from_web_applications

2012-09-04 18:55:33 JayC

關於此問題的另一個資源：http：// www .html5rocks.com/en/tutorials/file/dndfiles/ – MLister

看來mozilla文章只提到了如何獲取文件的元數據，如名稱，大小和類型，但沒有提及如何讀取內容文件。 –

@ElgsQianChen這就是'FileReader'的用途。文章中有一個例子。 – JayC

回答