Làm thế nào để sử dụng Javascript để đọc tệp văn bản cục bộ và đọc từng dòng?

Tôi có một trang web được tạo bằng html + javascript là bản demo, tôi muốn biết cách đọc tệp csv cục bộ và đọc từng dòng để tôi có thể trích xuất dữ liệu từ tệp csv.

Không có 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">

Hãy nhớ đặt mã javascript của bạn sau khi trường tệp được hiển thị.

Sử dụng ES6, javascript trở nên gọn gàng hơn một chút

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);
}