如何上传CSV文件并使用Angular2读取它们？

Question

<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
  }

谢谢。

Answer 1

将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 as string;
          console.log(csv);
       }
    }
}