导出数据的时候 怎么给导出xsl文件命名 前端的代码实现
时间: 2024-01-21 08:18:01 浏览: 129
前端代码可以通过以下步骤来实现导出 Excel 文件并命名:
1. 引入 js-xlsx 库,该库可以用来生成和读取 Excel 文件。
2. 创建一个导出函数,该函数接收要导出的数据和文件名,然后将数据转换为 Excel 格式并下载文件。
```javascript
import XLSX from 'xlsx';
function exportExcel(data, fileName) {
const worksheet = XLSX.utils.json_to_sheet(data);
const workbook = { Sheets: { 'data': worksheet }, SheetNames: ['data'] };
const excelBuffer = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' });
const blob = new Blob([excelBuffer], { type: 'application/octet-stream' });
const downloadLink = document.createElement('a');
downloadLink.href = window.URL.createObjectURL(blob);
downloadLink.download = fileName + '.xlsx';
document.body.appendChild(downloadLink);
downloadLink.click();
document.body.removeChild(downloadLink);
}
```
3. 在需要导出数据的地方调用该函数,并传入数据和文件名。
```javascript
const data = [{ name: 'John Doe', age: 30 }, { name: 'Jane Doe', age: 25 }];
const fileName = 'users';
exportExcel(data, fileName);
```
在这个例子中,我们将数据数组转换为工作表,然后将其添加到工作簿中。最后,我们将工作簿转换为二进制格式,创建一个 Blob 对象并将其添加到 href 属性中,然后触发下载链接的点击事件。
阅读全文