运用SheetJS库实现Excel的导入导出

龙泉太阿

已于 2023-05-03 11:20:00 修改

阅读量2.4k

点赞数

分类专栏： javascript/jquery 框架文章标签： excel javascript SheetJS

于 2023-04-12 17:18:16 首次发布

本文链接：https://blog.csdn.net/menergy/article/details/130110453

版权

文章介绍了如何利用SheetJS库在网页中实现Excel文件的导出和导入功能。对于导出，它展示了将数据转换为工作表并生成blob对象以供下载的方法。在导入方面，文章演示了读取上传的Excel文件并将其内容显示在表格中的过程。此外，还提到了如何设置不同数据格式，如日期和数字格式。

摘要由CSDN通过智能技术生成

1. 获取xlsx.full.min.js 依赖文件

项目地址：GitHub - SheetJS/sheetjs: 📗 SheetJS Spreadsheet Data Toolkit -- New home https://git.sheetjs.com/SheetJS/sheetjs

2. 实现导出Excel


<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Excel to Table</title>
</head>
<body>
    <button onclick="exportExcelFile()">Export Data</button>

  <script src="js/xlsx.full.min.js"></script>
  <script>

    function openDownloadDialog(url, saveName) {
            if (typeof url == 'object' && url instanceof Blob) {
                url = URL.createObjectURL(url); // 创建blob地址
            }
            var aLink = document.createElement('a');
            aLink.href = url;
            aLink.download = saveName || ''; // HTML5新增的属性，指定保存文件名，可以不要后缀&#x