我需要上传一个.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);
}
}
}