Чтение файла CSV с использованием Javascript из локальной папки

Question

Я пытаюсь узнать, как поместить на страницу html локальный файл .csv, используя javascript. Я использую платформу Electron, и я стремлюсь обрабатывать все локально. Что мне нужно сделать, это:

• Прочитать файл CSV.
• Уметь изменять данные (удалять строки для примера)
• Использовать внутренний HTML вставить данные CSV в div. Моя проблема в чтении файла CSV. Я думаю, что все примеры, которые я нашел, будут работать, только если запущен веб-сервер, которого я предпочитаю избегать.

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>