前端处理用户浏览器上传csv文件转数组或json格式_csv文件前端选择,传递给后端进行数据处理。

一般文件处理都会交由后端，但是这次后端不想改了，用第三方库有些杀鸡牛刀，而且我简单没有找到好用的csv文件处理的库（应该是我没找到），而且这种文件结构简单可以自己解析。

1.获取文件

你可以使用浏览器原生的上传，但是那个上传太丑了，我这里就使用antdv的上传组件了，你也可以使用其他方式或组件只要获取到file就可以。

```html
<a-upload
    :key="Math.random()"
    name="file"
    accept=".csv"
    v-model:value="fileList"
    :custom-request="customRequest"
  >
    <span>
      <a-button> 上传csv文件 </a-button>
    </span>
  </a-upload>
```

2.解析文件

```js
    //重写组件的上传方法
    const customRequest = async (option) => {
        //构造异步读取存储在用户计算机上的文件方法
        const fileReader = new FileReader();
        //将文件对象file以文本模式载入
        fileReader.readAsText(option.file);
        //加载文件