angular2のファイルの内容

Question

いくつかのXMLファイル集約を行う小さなアプリケーションを作成しています。ユーザーは同じ構造を持ついくつかのXMLファイルを削除し、共通のタグをいくつか編集してから、必要なすべてのデータを要素のリストに入れてxmlを返します。

私はファイルドロップを行うためにng2-file-uploadを使用していますが、ファイルの内容を取得する方法がわかりません。バックエンドにファイルをアップロードしたいだけでなく、コンテンツを読み込んでXMLでDOM操作を行うだけです。

ファイルをAngular2.0ルートに送信し、内容を現在のコンポーネントに送り返すことはできますか？

Answer 1

@ zero298さんのコメントのおかげで、私はFile APIをさらに掘り下げて解決策を思いつきました！

NG2-ファイル・アップロードを使用して活字体：

uploader: FileUploader = new FileUploader({}); //Empty options to avoid having a target URL 
reader: FileReader = new FileReader(); 

ngOnInit() { 
    this.reader.onload = (ev: any) => { 
     console.log(ev.target.result); 
    }; 
    this.uploader.onAfterAddingFile = (fileItem: any) => { 
     this.reader.readAsText(fileItem._file); 
    }; 
} 

はちょうどそれのうち、Fileオブジェクトを取得する方法を見つけるために、NG2-ファイルアップロードコードに掘りいくつかを取りました。