导入使用HTML5和JavaScript一个纯文本文件
-
27-09-2019 - |
题
我是新来的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的,但是,它仅仅是写入“未定义”的单词。我把它某种错误已经发生,但我不知道它是什么。
预先感谢任何帮助或建议。
解决方案
我从来没有听说过在HTML中lick
事件。也许它的一些新的HTML5;)
试着改变你的onlick="...
触发onclick="...
也许这将工作?
现在认为这是固定不变的,尝试这个例子:铬的FileReader
我尝试了,并且它的工作原理的完美。它的文件内容输出到错误控制台。
祝你好运!
不隶属于 StackOverflow