javascript - 如何使用 HTML 5 FileReader 读取本地文件？

标签 javascript html readfile

<分区>

目标

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

我尝试了什么

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

但是，有一个问题。这两个教程都需要用户通过 input 进行交互标签，这是一个生命 killer ，因为我想自动将文件的内容读入一个字符串。

代码

到目前为止，我设法获得了以下代码:

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到这个方法，所以该方法会在本地读取文件作为文本并将其打印到控制台，但我无法实现这一点。