为什么读取大型 csv 文件会给出“blob:bef00fec-4660-4291-a3e2-4c5b96205970?type=Text”？

Question

我在浏览器中读取大型 csv 时遇到问题。当文件大小较小（例如 100KB）时，它正在工作并显示实际数据。

考虑以下代码：

const csv = csv_upload_btn.files[0].data;

console.log(csv);

对于 20 MB 的大文件，它在控制台中显示“blob:bef00fec-4660-4291-a3e2-4c5b96205970?type=Text”，但我期望实际数据。我该如何解决这个问题？

Answer 1

尝试文件阅读器

const csvFile = csv_upload_btn.files[0];
const reader = new FileReader();
reader.onload = function(event) {
    const text = event.target.result;
    console.log(text);
};
reader.readAsText(csvFile);