js文件操作之——导出Excel (js-xlsx)

最新推荐文章于 2024-09-13 14:41:50 发布

付月半子

最新推荐文章于 2024-09-13 14:41:50 发布

阅读量1.8k

点赞数

分类专栏： js

js 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

转自https://www.cnblogs.com/youryida/p/9275615.html

1. 最简单的Excel导出

原理：js可以通过base64或者blob，把一个包含一个<table>的<html>串，导出成xx.xls格式。而Excel可以打开html文件。这样看起来，就是一个成功的Excel导出。

var tableHtml='<html><head><meta charset="UTF-8"></head><body><table><tr><td>only one</td></tr></table></body></html>';
//base64 URL形式文件下载
var oa = document.createElement('a');
oa.href = 'data:application/vnd.ms-excel;base64,'+window.btoa(tableHtml);
oa.download = 'htmltable-base64.xls';//通过A标签 设置文件名
oa.click();

文件，在js中，除了可以是base64，也可以是一个blob。

- base64形式的文件描述，在js或者html中，就是一个很长的base4字符串
- blob形式的文件描述，在js或者html中，是一个URL形式的字符串，他指向的是浏览器内存中的一个文件片段，形如"blob:http://sheetjs.com/f999f57f-b79f-4293-a317-3bbf6ea58788"

blob形式的Excel导出，如下：

//blob URL形式文件下载
var tableHtml='<html><head><meta charset="UTF-8"></head><body><table><tr><td>only one</td></tr></table></body></html>';
var excelBlob = new Blob([tableHtml], {type: 'application/vnd.ms-excel'});
var oa = document.createElement('a');
oa.href = URL.createObjectURL(excelBlob);
oa.download = 'htmltable-blob.xls';
document.body.appendChild(oa);
oa.click();