angular上传CSV转存到MySQL,如何上传CSV文件并使用angular2读取它们？

i have a requirement of uploading a .CSV file and read them inside my component, i have gone through this blog but it has a .CSV file stored in a particular loaction, i want to upload the .CSV file and read them inside my component. How can i do it

Do we have any build in plugin which we can use? if not then how can we achieve this goal.

this is code which i have tried

view

(change)="changeListener($event)"

accept=".csv"/>

component

changeListener($event:Response): void {

debugger;

// i am not able to get the data in the CSV file

}

in the changeListener(), i am not able tom get the content of the .CSV file, can anyone help me on this?

thank you

解决方案

Upload your csv file to a location and get the csv file data. Please try this:-

Component.html:-

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

}

}

}