读取通过FileSaver.js保存的文件

Question

美好的一天，

我仍然是编程的新手，并且正在使用FileSaver.js保存.txt文件。

我设法使正在构建的应用程序将文件保存在“下载”文件夹中，但是现在当我想读取该文件时遇到了麻烦。

我了解，出于安全原因，我们无法访问整个计算机，但是这里是这种情况吗？

我正在使用FileReader()方法，但无法访问该文件...我去了https://www.html5rocks.com/en/tutorials/file/filesystem/ ，在这里https：// www .html5rocks.com / zh-CN / tutorials / file / dndfiles /＃toc-reading-files ...但是很遗憾，我不了解访问文件和读取文件的方式。

我以这种方式保存文件（使用FileSaver.js）：

var blob = new Blob([data], {type:"text/plain;charset=utf-8"});
saveAs(blob, filename);

是时候加载文件了，我这样做：

var fileToLoad = filename;
var fileReader = new FileReader();
fileReader.onload = function(fileLoadEvent) {
   console.log("File loaded properly!");
};
content = fileReader.readAsText(fileToLoad);

我想将文件的内容放入变量content 。

如果有人可以帮助我澄清这一点...预先谢谢！

Answer 1

content = fileReader.readAsText(fileToLoad); 不返回内容，它只是触发文件作为文本的异步解析。 而且只有在文件读取器完成内容读取之后，您才可以在onload事件对象中访问它，如下所示：

var fr = new FileReader();
fr.onload = function(e) {
    content = e.target.result; // here is the loaded content;
};
fr.readAsText(fileToLoad);