读取通过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);