xlsx前端怎么导出excel
时间: 2023-09-01 09:10:43 浏览: 159
前端可以使用第三方库来导出Excel文件,以下是一些常用的库:
1. SheetJS:一个强大的电子表格处理库,支持读写Excel、CSV、JSON等格式,可以在浏览器中导出Excel文件。
2. FileSaver.js:一个用于保存文件的库,可以在浏览器中保存二进制文件,如Excel文件。
3. ExcelJS:一个专门处理Excel文件的库,可以在浏览器中创建、读取和写入Excel文件。
使用这些库,你可以将数据转换为Excel文件并将其下载到用户的计算机中。以下是一个基本示例:
```javascript
import XLSX from 'xlsx';
import FileSaver from 'file-saver';
const data = [
['姓名', '年龄', '职业'],
['张三', 18, '学生'],
['李四', 25, '工程师'],
['王五', 30, '教师'],
];
const sheet = XLSX.utils.aoa_to_sheet(data);
const workbook = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(workbook, sheet, 'Sheet1');
const wbout = XLSX.write(workbook, { bookType: 'xlsx', type: 'binary' });
const blob = new Blob([s2ab(wbout)], { type: 'application/octet-stream' });
FileSaver.saveAs(blob, 'data.xlsx');
function s2ab(s) {
const buf = new ArrayBuffer(s.length);
const view = new Uint8Array(buf);
for (let i = 0; i < s.length; i++) {
view[i] = s.charCodeAt(i) & 0xff;
}
return buf;
}
```
这个例子使用SheetJS和FileSaver.js库,将数据转换为Excel文件并将其保存到用户的计算机中。
阅读全文
相关推荐
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![rar](https://img-home.csdnimg.cn/images/20241231044955.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![js](https://img-home.csdnimg.cn/images/20250102104920.png)
![rar](https://img-home.csdnimg.cn/images/20241231044955.png)
![-](https://img-home.csdnimg.cn/images/20241231045053.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)