react 导出Excel文件

最新推荐文章于 2024-04-29 12:52:59 发布

惜晨宝贝

最新推荐文章于 2024-04-29 12:52:59 发布

阅读量913

点赞数

分类专栏：前端 react+ant-design+icejs 文章标签： react.js excel javascript

本文链接：https://blog.csdn.net/weixin_50639421/article/details/127884370

版权

react+ant-design+icejs 同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

前端

7 篇文章 0 订阅

订阅专栏

react 导出Excel文件（二进制转换成excel文件）

二进制转换成excel文件。
导出的文件是.xlsx格式。

post请求的方式

import { message } from "antd";
import getToken from "./getToken";

/** 导出数据 post请求 */
function Download(url: string, filename?: any) {
    let str= { "condition": {} };
    fetch(url, {
        method: 'post',
        credentials: 'include',
        headers: new Headers({
            'Content-Type': 'application/json',
            Authorization: getToken(),
        }),
        body: JSON.stringify(str),
    }).then(res => res.blob().then(blob => {
        console.log(blob);
        var a = document.createElement('a');
        var url = window.URL.createObjectURL(new Blob([blob], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" })); 
        a.href = url;
        a.download = filename;//定义导出的文件名
        a.click();
        window.URL.revokeObjectURL(url);
    })).catch(err =>
        message.error("导出失败！" + err))
};
export default Download;

用法

Download("url地址"，"文件名称")

get请求的方式

import { message } from "antd";
import getToken from "./getToken";

/** 导出数据 get请求 */
function Download(url: string, filename?: any) {
    fetch(url, {
        method: 'get',
        credentials: 'include',
        headers: new Headers({
            'Content-Type': 'application/json',
            Authorization: getToken(),
        }),
    }).then(res => res.blob().then(blob => {
        console.log(blob);
        var a = document.createElement('a');
        var url = window.URL.createObjectURL(new Blob([blob], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" }));
        a.href = url;
        a.download = filename;//定义导出的文件名
        a.click();
        window.URL.revokeObjectURL(url);
    })).catch(err =>
        message.error("导出失败！" + err))
};
export default Download;