Mam stronę internetową utworzoną przez html + javascript, która jest demo, chcę wiedzieć, jak czytać lokalny plik csv i czytać wiersz po wierszu, aby móc wyodrębnić dane z pliku csv.
Mam stronę internetową utworzoną przez html + javascript, która jest demo, chcę wiedzieć, jak czytać lokalny plik csv i czytać wiersz po wierszu, aby móc wyodrębnić dane z pliku csv.
Odpowiedzi:
Bez jQuery:
document.getElementById('file').onchange = function(){
var file = this.files[0];
var reader = new FileReader();
reader.onload = function(progressEvent){
// Entire file
console.log(this.result);
// By lines
var lines = this.result.split('\n');
for(var line = 0; line < lines.length; line++){
console.log(lines[line]);
}
};
reader.readAsText(file);
};
HTML:
<input type="file" name="file" id="file">
Pamiętaj, aby umieścić kod javascript po wyrenderowaniu pola pliku.
\n
. Ale przy 100m wierszach natrafisz na tabelę z wyświetlaniem ich w HTML.
Używając ES6, javascript staje się trochę czystszy
handleFiles(input) {
const file = input.target.files[0];
const reader = new FileReader();
reader.onload = (event) => {
const file = event.target.result;
const allLines = file.split(/\r\n|\n/);
// Reading line by line
allLines.forEach((line) => {
console.log(line);
});
};
reader.onerror = (event) => {
alert(event.target.error.name);
};
reader.readAsText(file);
}
\r?\n