如何使用 HTML 5 FileReader 读取本地文件？ [复制]

客观的

我正在制作一个应用程序，我需要使用 JavaScript 和 HTML 5 读取本地文件，而不需要任何<input>标签或用户交互。

我尝试过的

在我的研究中，我发现了两个在 SO 中被大量引用的教程：

• https://www.html5rocks.com/en/tutorials/file/dndfiles/ https://www.html5rocks.com/en/tutorials/file/dndfiles/
• http://blog.teamtreehouse.com/reading-files-using-the-html5-filereader-api http://blog.teamtreehouse.com/reading-files-using-the-html5-filereader-api

然而，有一个问题。这两个教程都需要用户通过以下方式进行交互input标签，这是一个生命杀手，因为我想自动将文件的内容读取到字符串中。

Code

到目前为止，我设法得到以下代码：

let readFile = function(path) {
    let reader = new FileReader();

    reader.onload = function(e) {
        var text = reader.result;
        console.log(text);
    };

    // Read in the image file as a data URL.
    reader.readAsText(MissingFileHandle);
};

但正如你所看到的，我错过了重要的一步，我错过了MissingFileHandle。我的想法是通过path到此方法，因此该方法会在本地将文件读取为文本并将其打印到控制台中，但我无法实现这一点。

Question

给定相对路径，如何使用 HTML 5 读取文件的内容而不使用<input> tags?

HTML5 fileReader 工具确实允许您处理本地文件，但这些文件必须由用户选择，您不能在用户磁盘上查找文件。

是否可以在非服务页面上使用 JS/HTML5 FileReader 加载文件？ https://stackoverflow.com/questions/9473837/is-it-possible-to-load-a-file-with-js-html5-filereader-on-non-served-page

如何用Javascript打开本地磁盘文件？ https://stackoverflow.com/questions/3582671/how-to-open-a-local-disk-file-with-javascript

如何为 HTML 中的文件输入设置值？ https://stackoverflow.com/questions/1696877/how-to-set-a-value-to-a-file-input-in-html

Javascript 不使用输入读取文件 https://stackoverflow.com/questions/21115057/javascript-read-file-without-using-input

这些链接可帮助您找到答案。