HTML5とJavaScriptを使用してプレーンテキストファイルをインポートする

Question

私はJavaScriptが初めてのので、この質問に対する回答が明白な場合は私を許してください。

私は、テキストエディタWebアプリケーションのインポート機能を設定しようとしています。

function dataImport() { 
    confirm("Are you sure you want to import the selected file? This will overwrite any data that is currently saved in the application workplace."); 
    var fileReader = new FileReader(); 
    window.localStorage.setItem("AppData", fileReader.readAsText(document.querySelector("#import-selector").value)); 
}; 

そして、それはによって活性化されなければならない：次のように

私のコードがある代わりのlocalStorageにファイルの内容を書くの

<input id="import-selector" type="file" /><button id="import-button" onclick="dataImport();">Import File</button> 

、しかし、それは単に言葉を書き込み、 '未定義'。私は何らかのエラーが発生したと思っていますが、それが何であるか分かりません。

ご協力いただきありがとうございます。

Answer 1

HTMLのlickイベントについて聞いたことがありません。多分それHTML5に何か新しいものです;）

が動作することを多分onclick="...

にごonlick="...トリガーを変更してみてください？

---

今では固定だと、この例を試してみてください。Chrome FileReader

私はそれを試みたが、それは完璧に動作します。ファイル内容をエラーコンソールに出力します。

幸運を祈る！