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

Question

美好的一天，

我对编程还是新手，我正在使用 FileSaver.js 保存 .txt 文件。

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

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

我正在使用 FileReader() 方法，但我无法访问该文件...我去了那里 https://www.html5rocks.com/en/tutorials/file/filesystem/在这里https://www.html5rocks.com/en/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);