js 导出excel 命名

在 JavaScript 中导出 Excel 文件时，为文件命名是一个常见的需求。以下是关于导出 Excel 文件命名的基础概念、优势、类型、应用场景以及可能遇到的问题和解决方法：

基础概念

导出 Excel 文件通常使用诸如 SheetJS（xlsx）之类的库来生成和处理 Excel 文件。文件命名则是通过设置 HTTP 响应头中的 Content-Disposition 属性来实现的。

优势

用户体验：用户可以更容易地识别和管理下载的文件。
组织性：有助于在大量文件中快速找到特定的导出文件。

类型

文件名可以是静态的，也可以是动态生成的，通常包含日期、时间戳或其他相关信息。

应用场景

数据报告：导出销售数据、用户信息等。
数据分析：将分析结果导出以便进一步处理。
系统日志：导出系统日志以便审计和分析。

示例代码

以下是一个使用 SheetJS 导出 Excel 文件并设置文件名的示例：

// 引入 SheetJS 库
import * as XLSX from 'xlsx';

// 假设我们有一个数据数组
const data = [
  { Name: 'John', Age: 30, City: 'New York' },
  { Name: 'Anna', Age: 22, City: 'London' },
  { Name: 'Mike', Age: 32, City: 'Chicago' }
];

// 将数据转换为工作表
const worksheet = XLSX.utils.json_to_sheet(data);

// 创建一个新的工作簿并将工作表添加到其中
const workbook = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');

// 生成 Excel 文件并设置文件名
const excelBuffer = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' });

// 创建一个 Blob 对象
const blob = new Blob([excelBuffer], { type: 'application/octet-stream' });

// 创建一个下载链接
const url = window.URL.createObjectURL(blob);

// 创建一个 a 标签并设置属性
const a = document.createElement('a');
a.href = url;
// 设置文件名，包含日期和时间戳
a.download = `exported_data_${new Date().toISOString().slice(0, 19).replace(/:/g, '-')}.xlsx`;

// 触发下载
document.body.appendChild(a);
a.click();

// 清理
document.body.removeChild(a);
window.URL.revokeObjectURL(url);