如何使用Javascript从浏览器读取.csv文件?

Question

所以我想要完成的很简单，我试图读取本地。csv文件，以便我可以在我的vue web应用程序中使用数据。我发现sheetjs库完全可以做到这一点，而且还有一些实用程序会派上用场。但是，在尝试访问和读取文件时，我得到"无法访问文件"。错误。经过研究，我发现了这样的信息:"浏览器没有API来读取给定路径的任意文件，因此必须使用另一种策略"。但是，我需要在浏览器中完成当前的value项目。任何建议吗?

Answer 1

你可以这样做:html中的do:<input id="fileId" type="file" />和javascript中的

const selectedFile = document.getElementById('fileId').files[0];
const reader = new FileReader();
reader.onload = function(e) { 
const contents = e.target.result;
console.log(contents);
};
reader.readAsDataURL(f);