使用 Javascript 從本地文件夾讀取 CSV 文件

Question

我正在嘗試學習如何使用 javascript 將 local.csv 文件放入 html 頁面。 我正在使用 Electron 框架，我的目標是在本地處理所有事情。 我需要做的是：

• 讀取 CSV 文件。
• 能夠更改數據（例如刪除行）
• 使用 innerHTML 將 csv 數據插入到 div 中。 我的問題是讀取 CSV 文件。 我認為我發現的所有示例只有在運行 Web 服務器時才有效，而我更願意避免這種情況。

Answer 1

你可以試試這個papapase.com 。 下面是一個簡單的例子：

 const data = []; const fileInput = document.querySelector('.fileInput'); fileInput.addEventListener('change', () => { Papa.parse(fileInput.files[0], { download: true, header: true, keepEmptyRows: false, skipEmptyLines: true, step: function(row) { data.push(row.data); }, complete: function(results) { document.querySelector("code").innerHTML = JSON.stringify(data); console.log(data); } }); });

 <script src="https://www.papaparse.com/resources/js/papaparse.js"></script> <input type="file" class="fileInput" /> <br> <code> </code>