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.
javascript
html
file
litaoshen
źródło
źródło
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.
źródło
\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ódło
\r?\n