Разбор файлов из HTML-файла в JavaScript

Question

Я пытаюсь проанализировать CSV-файл со страницы HTML в JavaScript.

На моей странице HTML у меня есть следующий код, который предоставляет мне область ввода файла и кнопку, которая выполняет мой JS-скрипт:

 <input type="file" id="csvFile" name="files[]"><br>
  <button onclick="loadCSV()">load csv</button>

В Javascript у меня возникают трудности с доступом к файлам данных.

У меня есть следующий код:

function loadCSV() {
    var fileUpload=document.getElementById("csvFile").files[0];
    var reader = new FileReader();
    reader.readAsText(fileUpload/*, "UTF-8"*/);
    console.log(reader)

В консоли выводятся следующие данные:

FileReader {readyState: 1, result: "", error: null, onloadstart: null, onprogress: null, …}
    error: null
    onabort: null
    onerror: null
    onload: null
    onloadend: null
    onloadstart: null
    onprogress: null
    readyState: 2
    result: "1↵00:00:00,200 --> 00:00:03,700↵Powerful Presentations: Simply Stated...↵↵2↵00:00:03,800..
    __proto__: FileReader

Показывает данные файла, сохраненные в результате, однако, если я пытаюсь получить доступ к reader.result, я ничего не получаю взамен, просто пустая строка в консоли.

Какой метод мне следует использовать для доступа к данным файла?