当前位置: 首页 > news >正文

后端返还二进制excl表格数据时候,如何实现在前端下载表格功能及出现表格打开失败的异常处理。

背景:

后端返还一个二进制流的excl表格数据,前端需要对其解析,然后可提供给客户进行下载。
思路:把二进制流数据转换给blob对象,然后利用a标签进行前端下载。

代码:

后端返还

类似如下的数据
在这里插入图片描述

前端代码:

    let res: any = await api.getData(data);let blob = new Blob([res], { type: 'application/vnd.ms-excel;charset=utf-8' })let href = window.URL.createObjectURL(blob); //创建下载的链接const link = document.createElement('a');link.href = href;link.download = '计算列表.xlsx';link.click();

如果正常情况下就可以解决下载问题。

异常处理:

在这里插入图片描述

以上问题需要更改一下接口请求数据的返回方式,

{url:'/',data:'//',responseType: 'arraybuffer',
}

这样就可以解决下载的问题了。

http://www.lryc.cn/news/331735.html

相关文章:

  • 搞学术研究好用免费的学术版ChatGPT网站-学术AI
  • vue3从精通到入门9:计算属性computed
  • kafka面试常见问题
  • 深入解析Hadoop生态核心组件:HDFS、MapReduce和YARN
  • 【chatGPT】我:在Cadence Genus软件中,出现如下问题:......【1】
  • 面试题:JVM 调优
  • PS从入门到精通视频各类教程整理全集,包含素材、作业等(8)
  • VSCode安装及Python、Jupyter插件安装使用
  • JMeter+Grafana+influxdb 配置出现transaction无数据情况解决办法
  • Acrobat Pro DC 2023 for Mac PDF编辑管理软件
  • Python大型数据集(GPU)可视化和Pillow解释性视觉推理及材料粒子凝聚
  • 1、快速上手Docker:入门指南
  • 通用开发技能系列:Authentication、OAuth、JWT 认证策略
  • 【Leetcode】【240404】1614. Maximum Nesting Depth of the Parentheses
  • 联通iccid 19转20 使用luhn 算法的计算公式
  • I.MX6ULL的MAC网络外设设备树实现说明一
  • vue弹出的添加信息组件中 el-radio 单选框无法点击问题
  • 蓝桥杯刷题day13——玩游戏【算法赛】
  • Three.js——scene场景、几何体位置旋转缩放、正射投影相机、透视投影相机
  • springboot集成rabbitmq
  • 腾讯云轻量4核8G12M应用服务器性能测评和优惠价格表
  • 判断点在多边形内的算法
  • Network AIS Receiver R400N
  • JavaScript循环
  • 9Proxy,跨境电商一站式解决方案
  • ObjectiveC-08-OOP面向对象程序设计-类的分离与组合
  • Qt 总结
  • 中间件复习之-RPC框架
  • AcWing 787. 归并排序——算法基础课题解
  • 力扣1379---找出克隆二叉树的相同节点(Java、DFS、简单题)