Question

我无法在Angular 7中打开本地CSV文件。在Google中，此问题的搜索结果不佳，但是对于Angular 4，堆栈溢出有相同的问题，并有建议。但是，建议的代码返回错误“ _co.previewFile不是函数”。我将原始代码放在下面。我相信答案是将公用函数PreviewImage更改为PreviewFile，因为它消除了错误并返回了一些数据。我不知道它是完全正确的，因为它返回的是“ data：text / csv; base64,77u / aWRlbnRpZmllcixmdWxs ...”而不是逗号分隔的值。我认为我只需要以某种方式转换数据。因此，如果正确，请根据我的建议简单地重新发布代码。如果没有下一步，我将无法验证它，因此您可以在数据处理方法上给我留下评论或链接，然后我可以为您提供答案。否则，无论如何，我都会努力进行，如果/如果我进行下一步，将尝试验证所有答案。

Angular 4: How to open CSV local file?

如上所述，我已经更改了previewImage，但已对Angular 4问题中给出的建议进行了编辑，但尚未得到答复。我还删除了“ encapsulation：ViewEncapsulation.None”行

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]);

} } 我想我建议的更正将起作用，并且无法读取的数据是我从打开文件时得到的，但是我想可能会缺少提供逗号分隔值的步骤。但是，我相信下一步是获取可读的值，而不是缺少这一部分，而这只是我编程的下一步。

Angular7：如何打开本地CSV文件？

0 个答案: