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>

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

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

Answer 1

我从未听说过 HTML 中的 lick 事件。也许这是 HTML5 的新内容;)

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

也许这会起作用？

<小时/>

现在问题已解决，请尝试以下示例:Chrome FileReader

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

祝你好运!