WEB前端使用SheetJS读写excel文件

SheetJS github官网

引入

<script lang="javascript" src="dist/slim.min.js"></script>
<script lang="javascript" src="dist/xlsx.full.min.js"></script>

const reader = new FileReader();
reader.onload = function (e) {
    const data = XLSX.read(e.target.result, {
        type: 'binary'
    });
    const jsonData = {};
    // 遍历处理多个sheet
    if (data.SheetNames && data.SheetNames.length > 0) {
        for (let i = 0; i < data.SheetNames.length; i++) {
            const sheetName = data.SheetNames[i],
            	// 将数据转为json对象,第一行会自动识别为列名
                sheetJson = XLSX.utils.sheet_to_json(data.Sheets[sheetName]);
            jsonData[sheetName] = sheetJson;
        }
    }
}
reader.readAsBinaryString(file);

// 将数据转换为sheet结构
const data = [{columnName1:'value11',columnName2:'value12'},{columnName1:'value21',columnName2:'value22'}];
const sheet = XLSX.utils.json_to_sheet(data);
// 构造workbook结构
const workbook = {SheetNames: ['sheet1'], Sheets: {sheet1: sheet}};
// 下载文件
XLSX.writeFile(workbook, 'excel.xlsx');

posted on   路过君  阅读(63)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
历史上的今天:
2020-04-11 spring 启动时自动运行
2020-04-11 spring cloud oauth2授权服务 默认tokenService配置源码
2020-04-11 spring cloud 搭建oauth2授权服务 使用redis存储令牌
2020-04-11 spring cloud oauth2授权服务 clientDetails配置源码
2020-04-11 spring 验证框架
2020-04-11 IDEA 插件整理
2020-04-11 spring security笔记 默认登陆页面源码

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示