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

拼搏现实的明天。 2024-02-05 11:40 18阅读 0赞

### 前言 ###

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

### 安装 XLSX ###

pip install xlsx
    或
    yarn add xlsx

### 读取 ###

<template>
      <div>
        <input class="excel-upload-input" type="file" accept=".xlsx, .xls" @change="handleClick">
      </div>
    </template>
    
    <script>
    import 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 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>