js实现Excel表格上传解析与导出

比眉伴天荒 2022-11-14 07:56 317阅读 0赞

## 1. 二进制读取并解析xlsx文件 ##

[xlsx库：用于解析xlsx文件][xlsx_xlsx]

import * as XLSX from 'xlsx';
    
    let data = await readFile(file);                           //读取文件二进制
    const workbook = XLSX.read(data, { type:'binary'});         // xlsx解析二进制文件
    const worksheet = workbook.Sheets[workbook.SheetNames[0]]; // 获取解析的xlsx内容
    const data = XLSX.utils.sheet_to_json(worksheet);          // 解析的xlsx内容转js对象形式
    
    
    //读取文件的二进制并返回
    function readFile(file) { 
      return new Promise(resolve => { 
    	let reader = new FileReader()
    	reader.readAsBinarySTring(file)
    	reader.onload = ev => { 
    	  resolve(ev.target.result)
        }
      })
    }

## 2. 浏览器将js对象导出成xlsx文件 ##

import * as XLSX from 'xlsx';
    
    // 导出的数据
    const data = [
      {  姓名: '小明1', 年龄: 18, 电话: 110  },
      {  姓名: '小明2', 年龄: 19, 电话: 110  },
      {  姓名: '小明3', 年龄: 20, 电话: 110  },
    ];
    
    const sheet = XLSX.utils.json_to_sheet(data); // json数据转sheet数据格式
    const book = XLSX.utils.book_new();           // 新创建一个表格容器
    XLSX.utils.book_append_sheet(book, sheet, 'sheetName');  // 数据加入名为'sheetName'的表格
    XLSX.writeFile(book, `user${ new Date().getTime()}.xls`); // 写入xls文件并且浏览器导出

[xlsx_xlsx]: https://www.npmjs.com/package/xlsx

发表评论取消回复

表情：

评论列表（有 0 条评论，317人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue实现表格导出Excel

1、通过npm获取安装依赖 npm install --save xlsx file-saver 2、打开package.json配置文件，若有`file-save

迈不过友情╰/ 2024年03月22日 16:03/ 0 赞/ 101 阅读

相关 jqGrid 实现表格导出Excel功能

1、实现代码 //读取表格内容 function jqgridToExcel1(id, fileName) { var Table = $("

叁歲伎倆/ 2023年10月05日 10:45/ 0 赞/ 25 阅读

相关 js导出为excel表格

html: <table id="data"> <tr> <th>序号</th> <th>姓名</th

柔光的暖阳◎/ 2022年12月29日 14:28/ 0 赞/ 248 阅读

相关 js实现Excel表格上传解析与导出

1. 二进制读取并解析xlsx文件 [xlsx库：用于解析xlsx文件][xlsx_xlsx] import as XLSX from 'xlsx';

比眉伴天荒/ 2022年11月14日 07:56/ 0 赞/ 318 阅读

相关 js导出excel表格

1. 在html页面先写一个a标签 <a id="excel" title="导出" οnclick="toExcel()">导出excel</a> 2.再写js

╰+攻爆jí腚メ/ 2022年06月05日 07:58/ 0 赞/ 256 阅读

相关 Excel表格导出

1.查询出满足条件的数据： //查询数据 List<WayBill> wayBills = wayBillService.findAll(model); 2

我就是我/ 2022年05月12日 04:16/ 0 赞/ 359 阅读

相关 Java实现数据Excel表格导出

/\\ \ 创建excel文档， list 数据 \ \ @param keys \ list中map的key数组集合 \

缺乏、安全感/ 2022年04月04日 14:58/ 0 赞/ 340 阅读

相关 Excel表格导出

开发工具与关键技术：MVC 作者：文泽钦撰写时间：2019年5月25日员工数据导出到excel表格，导出前要对数据处理，因为一个项目可以导出的数据比较多，在导出前

梦里梦外;/ 2022年01月27日 06:21/ 0 赞/ 545 阅读

相关前端js实现打印（导出）excel表格

<div class="tools"> <button type="button" class="btn green" id="excell" onclick

╰半夏微凉°/ 2021年12月23日 14:34/ 0 赞/ 393 阅读

相关解析上传excel

package com.util; import com.baomidou.mybatisplus.core.toolkit.IdWorker;

偏执的太偏执、/ 2021年09月28日 09:12/ 0 赞/ 404 阅读