如何将 CSV 文件的内容作为字符串读入？

Question

我想导入一个 CSV 文件，将其内容存储为字符串，并将字符串解析为一系列 JSON 对象。 但是，我坚持如何将 CSV 内容存储为字符串。

我有以下代码用于从本地文件系统中选择文件 object：

var fileList = document.getElementById('loadLocalFilePath').files;
var fileObj = fileList[0];//contains the csv file. 
console.log(fileObj);

我知道这是可行的，因为它可以正确记录：

File {name: "ChronoVizProject.csv", lastModified: 1606608282054, lastModifiedDate: Sat Nov 28 2020 19:04:42 GMT-0500 (Eastern Standard Time), webkitRelativePath: "", size: 708, …}

但是，我不想要文件 object 的详细信息，而是将 CSV 内容作为字符串。 我读到这个： https://developer.mozilla.org/en-US/docs/Web/API/FileReader/result并添加了以下代码：

var reader = new FileReader();
var fileContents = reader.readAsText(fileObj);
console.log(fileContents);

但是， fileContents记录为undefined ， fileObj.results 。

Answer 1

Filereader 需要先加载文件，然后才能访问它。 您需要使用“加载”添加 eventListener，然后您可以访问 eventListener 中的文件。

   const reader = new FileReader();

    reader.addEventListener('load', function(e) {   
        let fileContents = e.target.result
        console.log(fileContents)
    });
    
    reader.readAsText(fileObj);