企业官网建站 小程序开发 云逸学习园地
技术文章 许愿墙
技术文章 PHP学习 Javascript学习 DIV+CSS学习 uniapp学习 HTML学习 微信小程序、公众号知识点 VUE知识学习
您所在的位置>云逸小栈>VUE知识学习>正文

前端js导出数据到excel文件里...

2024-08-23 15:28:13 浏览 1477

1、安装依赖库

npm install xlsx

2、实现代码示例

import * as XLSX from 'xlsx';

// 创建工作簿
const wb = XLSX.utils.book_new();

// 创建工作表数据
const ws_data = [
 ["姓名", "年龄", "职业"],
 ["Alice", 28, "Engineer"],
 ["Bob", 22, "Designer"]
];

// 将数据转换为工作表
const ws = XLSX.utils.aoa_to_sheet(ws_data);

// 将工作表添加到工作簿
XLSX.utils.book_append_sheet(wb, ws, "Sheet1");

// 生成Excel文件并导出(这里导出的是二进制字符串,可以用来下载文件)
const wbout = XLSX.write(wb, { bookType: 'xlsx', type: 'binary' });

// 创建下载链接
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;
}

// 下载文件
const blob = new Blob([s2ab(wbout)], { type: 'application/octet-stream' });
const link = document.createElement('a');
if (link.download !== undefined) { // 支持下载属性
 const url = URL.createObjectURL(blob);
 link.setAttribute('href', url);
 link.setAttribute('download', 'export.xlsx');
 link.style.visibility = 'hidden';
 document.body.appendChild(link);
 link.click();
 document.body.removeChild(link);
}


网站开发者电话

18066742510

个人微信号
个人公众号
个人小程序
个人抖音