Vue项目使用XlSX库将导入的Excel数据转化为JSON格式

最新推荐文章于 2024-04-29 18:09:32 发布

革履西装

最新推荐文章于 2024-04-29 18:09:32 发布

阅读量1.6k

点赞数 1

分类专栏： XLSX库使用文章标签： vue

本文链接：https://blog.csdn.net/weixin_53641562/article/details/124059599

版权

XLSX库使用专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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

<script>
import * as XLSX from 'xlsx'
export default {
  methods: {
    readExcel (e) {
      const files = e.target.files
      const fileReader = new FileReader()
      fileReader.readAsBinaryString(files[0])
      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(ws)
        } catch (e) {
          return false
        }
      }
    }
  }
}
</script>