Node.js 如何在angular 4中导入CSV文件并在数据库中存储数据?
我想在angular 4中导入CSV,并将数据存储在我的数据库中Node.js 如何在angular 4中导入CSV文件并在数据库中存储数据?,node.js,angular,angular2-forms,Node.js,Angular,Angular2 Forms,我想在angular 4中导入CSV,并将数据存储在我的数据库中 <input type="file" name="importCSV"> <button type="submit" class="btn btn-primary">Submit</button> 提交 当我点击提交按钮时,我想在我的表中存储数据。以下是html代码 <input type="file" #fileImportInput name="File Upload" (cha
<input type="file" name="importCSV">
<button type="submit" class="btn btn-primary">Submit</button>
提交
当我点击提交按钮时,我想在我的表中存储数据。以下是html代码
<input type="file" #fileImportInput name="File Upload" (change)="csvChanged($event)" id="txtFileUpload">
您可以使用以下自定义函数执行所需操作:
private extractData(data) { // Input csv data to the function
let csvData = data;
let allTextLines = csvData.split(/\r\n|\n/);
let headers = allTextLines[0].split(',');
let lines = [];
for ( let i = 0; i < allTextLines.length; i++) {
// split content based on comma
let data = allTextLines[i].split(',');
if (data.length == headers.length) {
let tarr = [];
for ( let j = 0; j < headers.length; j++) {
tarr.push(data[j]);
}
lines.push(tarr);
}
}
console.log(lines); //The data in the form of 2 dimensional array.
}
在html内部使用以下代码:
<input type="file" (change)="handleFileSelect($event)"/>
看看这个我没有得到CSV文件的数据@Szarik@Chaudhary您是否已获得答案的解决方案。@VishwaPratap我发布了我的答案,您可以根据您的要求更改功能。@Chaudhary感谢您的回复
function handleFileSelect(evt) {
var files = evt.target.files; // FileList object
var file = files[0];
var reader = new FileReader();
reader.readAsText(file);
reader.onload = function(event){
var csv = event.target.result; // Content of CSV file
this.extractData(csv); //Here you can call the above function.
}
}
<input type="file" (change)="handleFileSelect($event)"/>