如何上传CSV文件并使用angular2阅读？

发布时间：2020-12-17 07:53:18 所属栏目：安全来源：网络整理

导读：我需要上传一个.CSV文件并在我的组件中读取它们,我已经浏览了这个博客,但它有一个.CSV文件存储在一个特定的loaction中,我想上传.CSV文件并在我的组件中读取它们.我该怎么做我们有可以使用的任何内置插件吗？如果没有,那么我们如何才能实现这一目标. 这是我

我需要上传一个.CSV文件并在我的组件中读取它们,我已经浏览了这个博客,但它有一个.CSV文件存储在一个特定的loaction中,我想上传.CSV文件并在我的组件中读取它们.我该怎么做

我们有可以使用的任何内置插件吗？如果没有,那么我们如何才能实现这一目标.

这是我试过的代码

视图

<input type="file" name="File Upload" id="txtFileUpload" 
        (change)="changeListener($event)" 
        accept=".csv"/>

零件

changeListener($event:Response): void {
    debugger;
   // i am not able to get the data in the CSV file
  }

在changeListener()中,我无法获取.CSV文件的内容,任何人都可以帮助我吗？

谢谢

将csv文件上传到某个位置并获取csv文件数据.请试试这个： –

Component.html： –

<input type="file" class="upload" (change)="changeListener($event.target.files)">

Component.ts： –

public changeListener(files: FileList){
  console.log(files);
  if(files && files.length > 0) {
     let file : File = files.item(0); 
       console.log(file.name);
       console.log(file.size);
       console.log(file.type);
       let reader: FileReader = new FileReader();
       reader.readAsText(file);
       reader.onload = (e) => {
          let csv: string = reader.result;
          console.log(csv);
       }
    }
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!