前端实现接口数据导出Excel文件

CranberryPancake

于 2021-07-02 18:15:11 发布

阅读量1.8k

点赞数 1

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/qq_43515448/article/details/118419970

版权

本文介绍了如何在前端实现接口数据导出为Excel文件，包括两种方法：1) 使用a标签，通过获取接口数据，设置Content-Type，利用URL.createObjectURL()创建下载链接；2) 利用window.open或window.location.href，依赖后端支持，确保响应头包含必要信息。同时，解决了UTF-8编码问题，添加BOM防止乱码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天实现了一个导出Excel的需求，一开始有点懵，不过遇到了很多有意思的内容。欢迎批评指正。

1. a标签实现

总体思路

用a标签的download属性实现下载。

从接口拿数据
主要是注意一下Content-Type
JS中添加a标签实现下载

getUserList({
   
  is_export: 1,
}).then(res => {
   
    const BOM = '\uFEFF'; // 强制excel打开文件时使用 UTF-8
    const blob

最低0.47元/天解锁文章