将数据保存(导出)到excel文件(纯前端实现)


// 导出excel文件
    /**
     * 依赖: import XLSX from 'xlsx'
     */
    let obj = {
      '学生信息表': [
        ['姓名', '性别', '年龄', '分数'],
        ['张三', '男', 18, parseInt(Math.random() * 100)],
        ['李四', '女', 22, parseInt(Math.random() * 100)]
      ],
      '教师信息表': [
        ['姓名', '性别', '年龄', '教龄'],
        ['王五', '男', 18, parseInt(Math.random() * 10), new Date()],
        ['牛六', '女', 22, parseInt(Math.random() * 10)]
      ]
    }
    let arr = [
      ['姓名', '性别', '年龄', '教龄'],
      ['王五', '男', 18, parseInt(Math.random() * 10)],
      ['牛六', '女', 22, parseInt(Math.random() * 10)]
    ]
    this.downloadXlsx(obj, 'result', '信息表')
    downloadXlsx (data, fileName, sheetName) {
      fileName = (fileName || 'fileName') + '.xlsx'
      sheetName = sheetName || 'sheet1'
      download(data2blob(data, sheetName), fileName)
      this.readWorkbookFromLocalFile(sheet2blob(data, sheetName), res => {
        console.log(res)
      })
      //   下载excel文件
      function download (url, fileName) {
        if (typeof url == 'object' && url instanceof Blob) {
          url = URL.createObjectURL(url) // 创建blob地址
        }
        let element = document.createElement('a')
        element.href = url
        element.download = fileName // HTML5新增的属性,指定保存文件名,可以不要后缀,注意,file:///模式下不会生效
        element.style.display = 'none'
        element.click()
      }
      // 利用xlsx提供的方法将对象转成blob
      function data2blob (data, sheetName) {
        let workbook = {
          SheetNames: [],
          Sheets: {}
        }
        if (data instanceof Array) {
          workbook.SheetNames = [sheetName]
          workbook.Sheets[sheetName] = XLSX.utils.aoa_to_sheet(data)
        } else if (data instanceof Object) {
          for (const key in data) {
            if (data.hasOwnProperty(key)) {
              const arr = data[key]
              if (arr instanceof Array) {
                workbook.SheetNames.push(key)
                workbook.Sheets[key] = XLSX.utils.aoa_to_sheet(arr)
              } else throw new Error('数据格式不正确')
            }
          }
        }
        // 生成excel的配置项
        let wopts = {
          bookType: 'xlsx', // 要生成的文件类型
          bookSST: false, // 是否生成Shared String Table,官方解释是,如果开启生成速度会下降,但在低版本IOS设备上有更好的兼容性
          type: 'binary'
        }
        let wbout = XLSX.write(workbook, wopts)
        let blob = new Blob([s2ab(wbout)], { type: "application/octet-stream" })
        // 字符串转ArrayBuffer
        function s2ab (s) {
          let buf = new ArrayBuffer(s.length)
          let view = new Uint8Array(buf)
          for (let i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF
          return buf
        }
        return blob
      }
    }


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM