前端下载功能的实现(FileSaver插件)

it2026-08-09  2

后端提供下载链接,前端下载

a标签下载    <a href="文件的绝对、相对地址" download="文件名">下载</a> location.href = 'url'  指向下载链接

使用FileSaver前端下载插件(亲测好用)

我的需求是基于vue项目,将elementUI中的表格导出成excel表格,因此只介绍表格的下载过程,关于FileSaver详细用法参考https://juejin.im/post/6844903763359039501

1. 安装依赖

        npm install --save xlsx file-saver

2. 在需要导出成excel文件里面引入依赖

import { saveAs } from 'file-saver' import * as XLSX from 'xlsx'

3. methods 里面写个导出下载的方法

        XLSX.utils.table_to_book 基于工作表产生一个最小的工作簿

 

最新回复(0)