javascript - 上传和读取文件客户端， Angular 2

Question

我需要来自用户的日志文件，以便我可以阅读和分析这些文件。例如某种拖放区，用户可以在其中拖放文件，然后我可以用 javascript 读取它？

我使用 Angular2 rc5。我有 node.js 在后台运行，但我不需要那里的数据。我只在客户端需要它。

是否可以仅使用前端技术(如 angular2 和 javascript)读取和解析文件内容？还是我必须将文件上传到服务器并在那里进行分析？

Answer 1

这是可能的!

我最终是这样做的。这将读取使用文件对话框选择的所有文件。我不需要将这些发送到 node.js。我可以在客户端上操作这些。

<input type='file' accept='text/plain' multiple (change)='openFile($event)'>

openFile(event) {
    let input = event.target;
    for (var index = 0; index < input.files.length; index++) {
        let reader = new FileReader();
        reader.onload = () => {
            // this 'text' is the content of the file
            var text = reader.result;
        }
        reader.readAsText(input.files[index]);
    };
}

这是如何做到这一点的非常基本的示例。