导入使用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));
};

和它应该通过激活：

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

相反写入文件的内容到localStorage的，但是，它仅仅是写入“未定义”的单词。我把它某种错误已经发生，但我不知道它是什么。

预先感谢任何帮助或建议。

Answer 1

我从来没有听说过在HTML中lick事件。也许它的一些新的HTML5;）

试着改变你的onlick="...触发onclick="...

也许这将工作？

---

现在认为这是固定不变的，尝试这个例子：铬的FileReader

我尝试了，并且它的工作原理的完美。它的文件内容输出到错误控制台。

祝你好运！