如何在js生成excel文件怎么打开

在JS中生成Excel文件并打开的方式有多种，其中包括使用库如SheetJS、通过Blob对象生成Excel文件、结合FileSaver.js进行下载等。下面将详细介绍如何使用这些方法生成和打开Excel文件。

一、使用SheetJS库生成Excel文件

1、安装SheetJS库

首先，你需要在项目中安装SheetJS库。你可以使用npm或直接在HTML文件中引入CDN链接。

npm install xlsx

或者在HTML文件中引入：

<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.16.2/xlsx.full.min.js"></script>

2、生成Excel文件

使用SheetJS库生成Excel文件可以分为以下几个步骤：

创建工作簿和工作表
填充数据
将工作簿转换为二进制数据
使用FileSaver.js将文件保存到本地

// 创建工作簿
var workbook = XLSX.utils.book_new();
// 创建工作表并填充数据
var worksheet_data = [
    ["S.No", "Name", "Age"],
    [1, "John Doe", 29],
    [2, "Jane Doe", 22]
];
var worksheet = XLSX.utils.aoa_to_sheet(worksheet_data);
// 将工作表添加到工作簿中
XLSX.utils.book_append_sheet(workbook, worksheet, "Sheet1");
// 将工作簿转换为二进制数据
var workbook_binary = XLSX.write(workbook, {bookType: 'xlsx', type: 'binary'});
// 创建Blob对象
var blob = new Blob([s2ab(workbook_binary)], {type: 'application/octet-stream'});
// 保存文件
saveAs(blob, 'example.xlsx');
// 将字符串转换为ArrayBuffer
function s2ab(s) {
    var buf = new ArrayBuffer(s.length);
    var view = new Uint8Array(buf);
    for (var i = 0; i < s.length; i++) view[i] = s.charCodeAt(i) & 0xFF;
    return buf;
}

二、通过Blob对象生成Excel文件

1、创建Excel文件的Blob对象

你可以使用JavaScript的Blob对象来创建Excel文件。首先，我们需要准备好Excel文件的内容，然后将其转换为Blob对象。

// Excel文件内容
var excelData = `
    <table>
        <tr>
            <th>S.No</th>
            <th>Name</th>
            <th>Age</th>
        </tr>
        <tr>
            <td>1</td>
            <td>John Doe</td>
            <td>29</td>
        </tr>
        <tr>
            <td>2</td>
            <td>Jane Doe</td>
            <td>22</td>
        </tr>
    </table>
`;
// 创建Blob对象
var blob = new Blob([excelData], {type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'});

2、下载Excel文件

为了下载生成的Excel文件，你可以创建一个隐藏的链接并触发点击事件。

var link = document.createElement('a');
link.href = URL.createObjectURL(blob);
link.download = 'example.xlsx';
document.body.appendChild(link);
link.click();
document.body.removeChild(link);

三、结合FileSaver.js进行下载

1、安装FileSaver.js

你可以使用npm安装FileSaver.js，或者直接在HTML文件中引入CDN链接。

npm install file-saver

或者在HTML文件中引入：

<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js"></script>

2、使用FileSaver.js保存文件

结合FileSaver.js和SheetJS库，你可以非常方便地生成并下载Excel文件。

// 创建工作簿
var workbook = XLSX.utils.book_new();
// 创建工作表并填充数据
var worksheet_data = [
    ["S.No", "Name", "Age"],
    [1, "John Doe", 29],
    [2, "Jane Doe", 22]
];
var worksheet = XLSX.utils.aoa_to_sheet(worksheet_data);
// 将工作表添加到工作簿中
XLSX.utils.book_append_sheet(workbook, worksheet, "Sheet1");
// 将工作簿转换为二进制数据
var workbook_binary = XLSX.write(workbook, {bookType: 'xlsx', type: 'binary'});
// 创建Blob对象
var blob = new Blob([s2ab(workbook_binary)], {type: 'application/octet-stream'});
// 使用FileSaver.js保存文件
saveAs(blob, 'example.xlsx');
// 将字符串转换为ArrayBuffer
function s2ab(s) {
    var buf = new ArrayBuffer(s.length);
    var view = new Uint8Array(buf);
    for (var i = 0; i < s.length; i++) view[i] = s.charCodeAt(i) & 0xFF;
    return buf;
}

四、通过服务器生成并下载Excel文件

在一些情况下，你可能需要通过服务器生成并下载Excel文件。你可以使用Node.js和相关库（例如ExcelJS）来实现这一点。

1、安装ExcelJS

你可以使用npm安装ExcelJS库。

npm install exceljs

2、在服务器端生成Excel文件

const ExcelJS = require('exceljs');
const express = require('express');
const app = express();
app.get('/download', async (req, res) => {
    const workbook = new ExcelJS.Workbook();
    const worksheet = workbook.addWorksheet('Sheet1');
    worksheet.columns = [
        { header: 'S.No', key: 'sno', width: 10 },
        { header: 'Name', key: 'name', width: 30 },
        { header: 'Age', key: 'age', width: 10 }
    ];
    worksheet.addRows([
        {sno: 1, name: 'John Doe', age: 29},
        {sno: 2, name: 'Jane Doe', age: 22}
    ]);
    res.setHeader('Content-Type', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet');
    res.setHeader('Content-Disposition', 'attachment; filename=' + 'example.xlsx');
    await workbook.xlsx.write(res);
    res.end();
});
app.listen(3000, () => {
    console.log('Server is running on port 3000');
});

在上面的代码中，我们使用ExcelJS库在服务器端生成Excel文件，并通过Express框架提供下载接口。

3、在客户端请求下载

你可以在客户端通过发送HTTP请求来下载生成的Excel文件。

var link = document.createElement('a');
link.href = 'http://localhost:3000/download';
link.download = 'example.xlsx';
document.body.appendChild(link);
link.click();
document.body.removeChild(link);

五、总结

在本文中，我们介绍了几种在JavaScript中生成Excel文件并打开的方法，包括使用SheetJS库、通过Blob对象生成Excel文件、结合FileSaver.js进行下载，以及通过服务器生成并下载Excel文件。每种方法都有其优点和适用场景，开发者可以根据具体需求选择合适的方法来实现Excel文件的生成和下载。无论是前端直接生成还是通过服务器端生成，掌握这些方法都可以大大提升你处理Excel文件的效率和灵活性。