Angular 4：如何打開CSV本地文件？

Question

我想知道如何使用Angular 4打開CSV文件。我在網絡上找到了一個示例，但這並不是我所需要的，因為在這種情況下，該文件是從服務器下載的。 我需要在本地打開文件，可以嗎？

我發現這個例子：

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

謝謝

Answer 1

您可以使用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]);
  }
}

Answer 2

您可以使用FileReader（）api。看看這個線程： 在Angular 2中從FileReader獲取數據

是的，也有可能像您提供的鏈接中所描述的那樣實現您將實現的Web服務，該服務將為您提供本地文件。 您的角度應用程序向Web服務發出請求並檢索本地文件。