使用HTML5和JavaScript导入纯文本文件

我是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>

导入文件

但是，它没有将文件内容写入本地存储，而是只写入单词“undefined”。我认为发生了某种错误，但我不确定是什么

---

提前感谢您的帮助或建议。

我从未听说过HTML中的

舔
事件。也许这是HTML5的新功能；）

尝试将您的
onlick=“…
触发器更改为
onclick=“…

也许这样行吗


现在已经解决了这个问题，请尝试以下示例：

我试过了，它工作得很完美。它将文件内容输出到错误控制台

祝你好运
 哇，我真傻。现在我终于在控制台中得到一个错误！我已经把问题改好了。我已经重新调整了你提到的脚本的用途，但是我得到了这个错误：“uncaughttypeerror:cannotreadproperty'length'of undefined”。我已经把定制的脚本放到网上了：Nevermind。出于某种原因，它不喜欢我让脚本执行onclick，但当我设置输入标记以在更改时执行它时，它工作了。