Загрузите и прочитайте файл на стороне клиента, с угловым 2

Question

Мне нужны файлы журналов от пользователя, чтобы я мог их прочитать и проанализировать. Например, somekind области drop, где пользователь бросает файл, тогда я могу прочитать его с помощью javascript?

Я использую Angular2 rc5. У меня есть node.js, работающий с обратной стороны, но мне не нужны данные. Мне это нужно только на стороне клиента.

Можно ли читать и анализировать содержимое файла только с помощью технологий frontend, таких как 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]); 
    }; 
} 

Это очень простой пример того, как вы можете это сделать.