url.createobjecturl() 仅创建 blob 的临时访问链接，无法生成 excel 文件；真正导出需先构造符合 .xlsx 格式的二进制数据（依赖 sheetjs 等库）或规范 csv 字符串。
URL.createObjectURL() 本身不能生成 Excel 文件，它只是为 Blob 对象创建一个临时 URL；真正导出 Excel 需要先构造符合 Excel 格式（如 .xlsx）的二进制数据 —— 这必须依赖第三方库（如 SheetJS）或手动拼接 CSV 字符串。纯 JS 前端不借助后端，无法用原生 API 直接生成真正的 .xlsx 文件。
为什么不能只靠 URL.createObjectURL() 导出 Excel
这个 API 只是浏览器的“引用代理”：它把内存中的 Blob 映射成一个可被 <a download></a> 触发下载的 URL，但不会做任何格式转换。如果你传入的是普通 JSON 或字符串，下载下来就是文本文件，不是 Excel。Excel（.xlsx）是 ZIP 容器 + XML 结构的二进制格式，浏览器原生不提供构建它的 API。
- 常见错误现象：
URL.createObjectURL(new Blob([JSON.stringify(data)]))下载后双击打不开，或提示“文件格式错误” - 真正能被 Excel 识别的，要么是逗号分隔的
.csv（纯文本，兼容性好），要么是.xlsx（需二进制流） - 若强行用
text/plainMIME 类型 +.xlsx后缀，只是“骗文件名”，内容仍是明文，Excel 打不开
用 SheetJS（xlsx）配合 URL.createObjectURL() 导出真实 .xlsx
这是目前最主流、稳定、支持海量数据（10w+ 行需注意性能）的前端方案。核心是：用 SheetJS 将 JS 数据转为工作簿对象 → 写入 ArrayBuffer → 构造 Blob → 创建 URL → 触发下载。
基于三引擎设计，从微信文章、新闻和博客网页提取干净内容，支持标题作者日期元数据，多格式和批量处理。
- 安装：
npm install xlsx，或通过 CDN 加载https://cdn.sheetjs.com/xlsx-0.20.2/package/dist/xlsx.full.min.js - 关键代码片段：
import * as XLSX from 'xlsx';
<p>const data = [
{ name: '张三', score: 95, dept: '前端' },
{ name: '李四', score: 87, dept: '后端' }
];
const ws = XLSX.utils.json_to_sheet(data);
const wb = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(wb, ws, '报表');
const wbout = XLSX.write(wb, { type: 'array', bookType: 'xlsx' });
const blob = new Blob([wbout], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = 'report.xlsx';
a.click();
URL.revokeObjectURL(url); // 记得释放，否则内存泄漏</p>
- 注意
type: 'array'：返回Uint8Array，适合构造Blob；用base64或binary类型需额外编码处理 - 海量数据时，
XLSX.write()可能阻塞主线程，建议用setTimeout或requestIdleCallback分片或降级为 CSV
用纯 CSV 替代 Excel：零依赖、快、兼容性极佳
如果业务只要“能在 Excel 里打开并显示表格”，.csv 是更轻量、更可靠的选择。无需库，手写字符串即可，URL.createObjectURL() 在这里才真正“够用”。
- 适用场景：字段无换行、无逗号、无引号；或能正确转义（比如字段含逗号时用
"..."包裹） - 简单示例（含表头）：
const data = [{ name: '张三', score: 95 }, { name: '李四', score: 87 }];
const headers = ['姓名', '分数'];
const csvContent = [
headers.join(','),
...data.map(row => [row.name, row.score].map(v => `"${v}"`).join(','))
].join('\n');
<p>const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = 'report.csv';
a.click();
URL.revokeObjectURL(url);</p>
- 中文乱码？确保
Blob的charset=utf-8并且 Excel 打开时选 UTF-8 编码（Windows 默认 ANSI，可能需用记事本另存为 UTF-8+BOM） - 更健壮的做法：在 CSV 开头插入 BOM 字节
\ufeff，即new Blob(['\ufeff' + csvContent], ...)
真正卡住的从来不是 URL.createObjectURL()，而是你对“Excel 文件”的理解是否准确 —— 它不是后缀名，是结构。用错格式、漏掉 revokeObjectURL、忽略大数组的内存压力，这些才是导出失败的主因。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
