上传和读取文件客户端，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]);
    };
}

这是一个非常基本的例子，说明了如何做到这一点。

上传和读取文件客户端，angular 2

Upload and read file client side, with angular 2

javascript

client-side

typescript

angular