javascript - 使用 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

我从未听说过lickHTML 中的事件。也许这对 HTML5 来说是新事物；）

尝试将onlick="...触发器更改为onclick="...

也许这会奏效？

---

现在已经解决了，试试这个例子：Chrome FileReader

我试过了，它完美无缺。它将文件内容输出到错误控制台。

祝你好运！