Question

我想知道如何使用Angular 4打开CSV文件。我在网络上找到了一个示例，但这并不是我需要的，因为在这种情况下，文件是从服务器下载的。我需要在本地打开文件，有可能吗？

我找到了这个例子：

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

由于

Answer 1

你可以使用FileReader（）api.看看这个帖子：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]);
  }
}

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

2 个答案: