js前端导出excel下载
时间: 2024-06-27 14:01:02 浏览: 6
在JavaScript前端开发中,导出Excel并让用户下载通常涉及到使用一些第三方库,因为浏览器本身不直接支持创建Excel文件。一个流行的库是`js-xlsx`(也叫`xlsx`),它可以将数据转换为Excel格式,然后生成一个可下载的blob对象。
以下是使用`js-xlsx`库进行Excel下载的基本步骤:
1. 引入库:
```javascript
import XLSX from 'xlsx';
```
2. 创建工作表和数据:
```javascript
const data = [
['Name', 'Age', 'City'],
['John', 30, 'New York'],
['Jane', 25, 'Chicago'],
// 更多数据...
];
const workbook = {
SheetNames: ['Sheet1'], // 工作簿名称
Sheets: {
Sheet1: XLSX.utils.aoa_to_sheet(data), // 数据转化为工作表格式
},
};
```
3. 将工作簿转换为Blob对象:
```javascript
const xlsxBuffer = XLSX.write(workbook, { type: 'buffer' });
```
4. 创建下载链接:
```javascript
const blobURL = URL.createObjectURL(xlsxBuffer);
const link = document.createElement('a');
link.href = blobURL;
link.download = 'output.xlsx'; // 下载文件名
document.body.appendChild(link); // 添加到页面上
link.click(); // 触发下载
// 然后在适当的时候移除URL对象,释放内存
setTimeout(() => {
URL.revokeObjectURL(blobURL);
}, 0);
```