ファイル2をアップロードして読み込み、クライアント側で角度2を使用

Question

ログファイルを読み込んで解析できるようにするには、ログファイルが必要です。例えば、ユーザーがファイルをドロップするdrop areaのsomekindは、javascriptで読むことができますか？

私はAngular2 rc5を使用します。 node.jsはバックサイドを実行していますが、そこにデータは必要ありません。私はクライアント側だけでそれが必要です。

angle2と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]); 
    }; 
} 

これは非常に基本的な例です。