角4：CSVローカルファイルを開くには？

Question

Angular 4を使用してCSVファイルを開く方法を知りたいと思います。ネットワーク上のサンプルが見つかりましたが、その場合はファイルがサーバーからダウンロードされるため、必要なものではありません。ローカルでファイルを開く必要がありますか？

私は、この例が見つかりました：

http://blog.sodhanalibrary.com/2016/10/read-csv-data-using-angular-2.html#.WYNdCnWGNp8

おかげ

Answer 1

あなたはこのスレッドを見api.have FileReaderの（）を使用することができます。Getting Data from FileReader in Angular 2

説明のようにはい、それは可能です提供したリンクにも ローカルファイルを提供するWebサービスを実装します。 角度のあるアプリケーションは、Webサービスに要求してローカルファイルを取得します。

Answer 2

クライアントマシンからファイルをロードするには、Javascript FileReaderオブジェクト（Angular 2+確かに）を使用します。

import { Component } from '@angular/core'; 

@Component({ 
    selector: 'app', 
    encapsulation: ViewEncapsulation.None, 
    template: `<input id="preview" type="file" (change)="previewFile($event)" />` 
}) 
export class AppComponent implements OnInit { 
    ... 
    public previewImage(event) { 
    const reader = new FileReader(); 
    reader.onload = (e: any) => { 
     console.log('csv content', e.target.result); 
    }; 
    reader.readAsDataURL(event.target.files[0]); 
    } 
}