欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

js读取excel表格,转成JSON数据

程序员文章站 2022-07-13 13:15:55
...

使用 js-xlsx 插件:https://github.com/SheetJS/js-xlsx

<template>
  <div>
    <input type="file" @change="readFile" accept=".xls,.xlsx">
  </div>
</template>

<script>
import XLSX from 'xlsx';

export default {
  methods:{
    readFile(e) {
      const files = e.target.files;
      //如果没有文件名
      if(files.length<=0){
        return false;
      }else if(!/\.(xls|xlsx)$/.test(files[0].name.toLowerCase())){
        console.log('文件传格式不正确');
        return false;
      }
      const fileReader = new FileReader();
      fileReader.onload = (ev) => {
        try {
          const data = ev.target.result;
          const workbook = XLSX.read(data, {
            type: 'binary'
          });
          const wsname = workbook.SheetNames[0];//取第一张表
          const ws = XLSX.utils.sheet_to_json(workbook.Sheets[wsname]);//生成json表格内容
          console.log('JOSN转化结果:',ws);
        } catch (e) {
          return false;
        }
      };
      fileReader.readAsBinaryString(files[0]);
    }
  },
}
</script>