哪有那么麻烦，JS几行代码就可以实现excel文件的读取和写入好吗

讷言丶

已于 2024-07-02 16:34:57 修改

阅读量548

点赞数 10

文章标签：前端 javascript excel

于 2023-12-04 12:03:03 首次发布

本文链接：https://blog.csdn.net/weixin_51033461/article/details/134779679

版权

前言

没有那么多话说了直接看代码吧，也不知道什么人把写入读取弄了那么麻烦，自己是碰到了，刚好给没有碰到的人把这个坑补上

安装 XLSX

npm install xlsx
或
yarn add xlsx

读取

<template>
  <div>
    <input class="excel-upload-input" type="file" accept=".xlsx, .xls" @change="handleClick">
  </div>
</template>

<script>
import * as XLSX from 'xlsx'

export default {

  data () {
    return {

    }
  },
  methods: {
    // 文件读取
    readerData (rawFile) {
      return new Promise((resolve, reject) => {
        const reader = new FileReader()
        reader.onload = e => {
          const data = e.target.result
          const workbook = XLSX.read(data, { type: 'array' })
          const firstSheetName = workbook.SheetNames[0]
          const worksheet = workbook.Sheets[firstSheetName]
          const results = XLSX.utils.sheet_to_json(worksheet)
          resolve(results)
        }
        reader.readAsArrayBuffer(rawFile)
      })
    },
    // 文件上传
    handleClick (e) {
      const files = e.target.files
      const rawFile = files[0]
      if (!rawFile) return
      if (!/\.(xlsx|xls|csv)$/.test(rawFile.name)) {
        this.$message.error('只能上传【.xlsx, .xls, .csv】格式文档')
        return false
      }
      this.readerData(rawFile).then(data => {
        console.log(data); //读取出来的excel数据
      })
    },


  }
}
</script>

写入

<template>
  <div>
    <button @click="downloadAuthModelFile">写入</button>
  </div>
</template>

<script>
import * as XLSX from 'xlsx'
export default {

  data () {
    return {

    }
  },
  methods: {	
    downloadAuthModelFile () {
      var filename = "test.xlsx"; //文件名称
      var data = [
        ['表头1', '表头2', '表头3'],
        ['数据1', '数据2', '数据3']
      ];  //数据
      var ws_name = "Sheet1"; //sheet的名称
      var wb = XLSX.utils.book_new()
      var ws = XLSX.utils.aoa_to_sheet(data);
      XLSX.utils.book_append_sheet(wb, ws, ws_name); 
      XLSX.writeFile(wb, filename); //导出Excel到本地
    }
  }
}
</script>