前端读取csv文件并将其按行转成json文件

可以使用 JavaScript 的 FileReader 和 PapaParse 库来实现这个功能。

首先，在 HTML 中添加一个文件输入框：

<input type="file" id="csv-file" accept=".csv">

然后，在 JavaScript 中监听文件输入框的 change 事件，读取 csv 文件并将其转换成 json 对象：

const csvFileInput = document.getElementById('csv-file');
csvFileInput.addEventListener('change', (event) => {
  const file = event.target.files[0];
  const reader = new FileReader();
  reader.readAsText(file);
  reader.onload = () => {
    const csv = reader.result;
    const json = Papa.parse(csv, { header: true }).data;
    console.log(json);
  };
});

在上面的代码中，我们首先获取文件输入框中选中的文件，然后创建一个 FileReader 对象来读取文件内容。一旦文件读取完成，我们使用 PapaParse 库将 csv 字符串转换成一个 json 数组。

需要注意的是，我们在 Papa.parse 的参数中将 header 属性设置为 true，表示第一行是表头，会被自动转换成 json 对象的属性。

最后，我们将转换后的 json 数组输出到控制台，可以根据实际需求来进行具体的操作。