最近在做项目的时候遇到Excel导出功能,后端返回的是文件流,前端如何实现下载功能,以下是项目用的源码,有需要可直接复制使用:

 // 导出exporttable() {this.axios({method: "get",url: this.baseUrls + "api/pcadmin/hr/entry/export",responseType: "blob",}).then((response) => {const content = response.data;const blob = new Blob([content]);const time = this.timestampToTime(new Date().getTime() / 1000);const fileName = time + ".xlsx";if ("download" in document.createElement("a")) {// 非IE下载const elink = document.createElement("a");elink.download = fileName;elink.style.display = "none";elink.href = URL.createObjectURL(blob);document.body.appendChild(elink);elink.click();URL.revokeObjectURL(elink.href); // 释放URL 对象document.body.removeChild(elink);} else {// IE10+下载navigator.msSaveBlob(blob, fileName);}// eslint-disable-next-line handle-callback-err}).catch((error) => {});},

Excel文档导出-后端返回文件流,前端实现下载功能相关推荐

  1. react前端下载后端返回文件流(文件流下载excel、csv)

    以前用vue框架的时候,写过不少下载上传的东西,当然包括后端返回文件流供前端下载,现在用react,牵扯到这个功能,又提起来说,有两种下载类型,一种是Excel,一种是Csv. 首先后端返回这种: 或 ...

  2. Vue 预览word,excel,ppt等office文档-内网访问(基于onlyoffice,后端返回文件流)

    Vue 预览word,excel等office 先看效果!! 需求背景:在前端页面中预览office文件且是内网访问,服务器不可访问外网的前提. 因此微软的接口就废掉了,因为他接口的条件是可以访问外网 ...

  3. 导出功能: 导出为excel文档,后端做导出处理,js代码发送接口直接下载

    async handleExport() {const newRow = JSON.parse(JSON.stringify(this.form));delete newRow.creationDat ...

  4. Java 安全 后端返回文件流

    1,起由 业务流程:上传文件--服务器保存文件--根据路径访问文件 这种根据路径定位文件,并对文件进行查看的方式对文件安全有很大威胁,一旦知道其他文件的路径,很有可能会造成文件泄露 2,改进 所以,当 ...

  5. 前端通过后端返回文件流下载文件

    // 把文件流下载下来 const downloadMethods = (name, res) => {const blob = new Blob([res.data], { type: 'ap ...

  6. 后端返回二进制文件流 前端处理并下载jpg格式图片

    后端返回数据格式: 实现效果: 应用 axios+vue //下载二维码onDownloadQR() {let data = {code: this.downloadQr,};downqrcode(d ...

  7. vue 后端返回文件流下载文件

    效果: 举例下载"E:\test\jn_ceshi1202.txt" 则前端realPath="E:\test\jn_ceshi1202.txt" 前端: do ...

  8. 后端返回文件,前端下载导出

    this.axios({url:this.common.getApi() + '/sys/api/convertgifs/downloadConvertGifs',method:'get',param ...

  9. 采用hutool后端返回文件流供前端下载

    文章目录 1.导入依赖 2.代码 3.前端测试 1.导入依赖 <!--hutool--><dependency><groupId>cn.hutool</gro ...

最新文章

  1. 「AI初识境」什么是深度学习成功的开始?参数初始化
  2. Nginx —— nginx负载均衡的详细配置 以及 使用案例详解.
  3. STM32---SPI通信的总结(库函数操作)
  4. 《1万小时成功定律——解构成功》
  5. 有关计算机基础的论文,有关计算机基础论文范文.doc
  6. 控制台发送get命令_.NET Core使用命令行参数库构建控制台应用程序
  7. 内存压力测试软件_日常游戏,毫无压力,荣耀Magicbook 14锐龙版性能测试
  8. kaggle案例实战班
  9. 计算机系统应用技术课程,基于protégé的课程内容本体的构建-计算机系统应用.pdf...
  10. JDBC学习(二、操作JDBC步骤,及相关API)
  11. 布隆过滤器实现原理及源码解析
  12. Java核心技术 卷(一) 学习记录
  13. win7无线手柄测试软件,北通战戟手柄驱动程序 BTP-2118(支持xp,visia,win7等)
  14. FPGA学习笔记_图像处理3_FPGA实现中值滤波算法
  15. 基于Pytorch的YoLoV4模型代码及作品欣赏
  16. GitHub 上这个独特的简历生成器,开源了
  17. 字节跳动面试题后台_字节跳动面试题
  18. iOS越狱,插件afc2、afc2add、apple file conduit2的区别
  19. 什么是OEM和ODM
  20. 传奇服务器脚本文件在哪个文件夹,传奇服务端目录文件详细说明

热门文章

  1. 复旦大学python期末考试_关于2019-2020学年第一学期开学有关事项的通知
  2. 如何将Excel中的数据复制到CAD中?
  3. 【本科毕业设计】基于双指标检测的自助智能台球柜
  4. 盛极而衰:回顾 Netscape Navigator 浏览器的一生
  5. 关于接入层交换机启用STP或是Loopback-detection
  6. [js倒计时]指定对应时间自动倒计时
  7. 共模电感与差模电感电路分析方法
  8. JAVA中List 转long[]的方法
  9. 新生儿(早产)婴儿护理行业调研报告 - 市场现状分析与发展前景预测
  10. vue实现数字滚动效果