如何使用Javascript来读取本地文本文件并逐行阅读？

我有一个由HTML + JavaScript演示的网页，我想知道如何读取本地csv文件并逐行阅读，以便我可以从csv文件中提取数据。

Answer 1

没有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"> 

请记住在呈现文件字段后放置您的JavaScript代码。

Answer 2

使用ES6的JavaScript变得更清洁

 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.map((line) => { console.log(line); }); }; reader.onerror = (evt) => { alert(evt.target.error.name); }; reader.readAsText(file); }