前端解析excel表格


需求如下:

前端拿到表格中的数据,对数据做以下判断,并将拿到的数据转换成以下json格式,传给后端。

具体实现:

  1. 下载npm包:npm install xlsx --save
  2. 在vue文件中引入依赖:import XLSX from "xlsx"
  3. 使用iviewui中的上传组件:
          <Upload class="row-mgr"
                  :before-upload="handleUpload" accept=".xls" :show-upload-list="false"
                  action="">
            <Button icon="ios-cloud-upload-outline">批量导入Button>
          Upload>
  4. js解析文件及对解析的数据进行处理:
        

    打印结果: