后端使用nodejs生成xlsx文件数据流,并返回给前端直接进行下载


本文教您如何不将文件存储在后端,使用nodejs返回文件流给前端直接进行下载

1,后端安装node-xlsx

npm install node-xlsx -S

2,node生成xlsx文件buffer数据流返回给前端

 let reserve = await this.service.enterprise.getReserve({ enterprise: _id });//获取当前时间同样信息预定记录
    var data = [];
    var title = ['序号', "单位", '体检人姓名', '体检人工牌号', '预约日期', '联系方式'];
    data.push(title);
    //再把每一行数据加进去
    for (let f = 0; f < reserve.length; f++) {
        let text = reserve[f];
        let arr = [];
        arr.push(f + 1);
        arr.push(text.enterDataName);
        arr.push(text.username);
        arr.push(text.badge);
        arr.push(text.reserveTime);
        arr.push(text.phone);
        data.push(arr);
    }
    //由于各列数据长度不同,可以设置一下列宽
    const options = { '!cols': [{ wch: 20 }, { wch: 20 }, { wch: 20 }, { wch: 20 }, { wch: 20 }, { wch: 20 },] };
    // const options = {};
    //生成表格
    var buffer = xlsx.build([{ name: 'sheet1', data: data }], options);
    this.ctx.body = buffer;

3,前端请求后端地址,并配置请求blob格式数据

let res = axios({
			method: "post",
			url: url,
			responseType: "blob",
		})

4,转化成url,并开始下载

   const url = URL.createObjectURL(res.data);
   const aTag = document.createElement("a");
   aTag.setAttribute(
     "download",
     `文件名称.xlsx`
   );
    aTag.href = url;
    aTag.click();

5,成功下载截图
​​在这里插入图片描述

  • 3
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

流浪的前端小白

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值