今天后端同事要求添加一个excel文件的下载功能:

目前后端提供的文件导出,一共有两种形式:

1.提供文件的相对路径

前端需要自行拼接,然后通过window.open()将文件下载到本地

代码如下:

exportRecord(){this.exportLoading = true;//按钮的防抖$.ajax({//url是请求接口的路径,后面的url是基本地址,也就是端口号及之前的部分,后面拼接的是接口请求的参数url: url + "/Wms/Wms_PackageSigningMain/SignExport?signingTimeMin=" + this.input.SigningTimeMin + "&signingTimeMax=" + this.input.SigningTimeMax,type: "get",//get请求beforeSend: (request) => {//后端要求我传递cookie.如果不需要可以直接去掉此部分request.setRequestHeader("token", cookie)},xhrFields: {//开始传递cookie的方式,后面发现无效,改为上面的beforeSend的方式withCredentials: true},success: (res) => {if (res.success) {this.$message.success('导出成功');//请求成功后,可以拿到相对路径,然后通过window.open可以下载到本地res.message && window.open(url+res.message)} else {this.$message.error(res.message||'导出失败');}},complete: () => {this.exportLoading = false;}});
}

2.后端返回文档流,可以直接通过window.open()下载

直接通过window.open()将文件下载到本地

代码如下:

var urls = url + "/Wms/Wms_PackageSigningMain/CompanySummaryExport?signingTimeMin=" + this.input.SigningTimeMin + "&signingTimeMax=" + this.input.SigningTimeMax;
window.open(urls)
this.$message.success('快递公司导出成功');

完成!!!

后端提供的excel文档流如何下载?——前端基础知识相关推荐

  1. 前端JS通过Ajax下载后端返回的Excel文档

    我们来看下效果演示: 条件假设: 首先得有一个下载文档的接口,我们假设这个接口的地址是myurl 其次我们一般使用token来区分用户是否有权下载,假设令牌为token html部分比较简单 < ...

  2. html 文档自动获取css,前端基础中css选择器,html文档 ,与javascrip中基本的获取

    1,Vscode自动刷新插件与格式化插件 应用搜索搜索liveserver,安装后.点击右下角Golive可以进入使用. 格式化插件prettier:首选项,设置,搜索format,勾选prettie ...

  3. 专利撰写相关文档整理打包及相关基础知识打包

    因为要撰写专利所以打包了需要的相关的文档以及涉及的相关知识,资料很完善,自己也是用的这里的模板 获取方式见评论区

  4. 计算机文档培训讲座,计算机的基础知识培训讲座.ppt

    (7)运算速度.运算速度是指计算机每秒所能执行的指令条数,一般用MIPS为单位.它是计算机的主要技术指标之一. (8)主频.主频是指计算机的时钟频率,单位用MHz表示.它是计算机的主要技术指标之一. ...

  5. CSS之布局(文档流)

    文档流: <!DOCTYPE html> <html><head><meta charset="utf-8" /><title ...

  6. 选择器、像素和百分比、颜色单位、文档流-css基础

    网页分成三部分: 结构(HTML) 表现(CSS) 行为(JavaScript) CSS: css是层叠样式表 网页实际上是一个多层的结构,通过css可以分别为网页的每一层来设置样式.(是一种3D效果 ...

  7. HSL值,HSLA,文档流,盒子模型等问题。

    HSL和HSLA值 和上一篇文章中的rgb语法使用方法基本一样 H:色相,调节范围为0-360度,其实就是一个环,零度等于360度是红色,调节颜色. S:饱和度,调节颜色浓度,调节范围(0%-100% ...

  8. P22-前端基础-CSS文档流

    P22-前端基础-CSS文档流 1.概述 文档流(normal flow) 网页是一个多层的结构,一层摞着一层,通过CSS可以分别为每一层来设置样式,作为用户来讲只能看到最顶上一层,这些层中,最底下的 ...

  9. java通过Excel 模板导出复杂统计类excel文档,在ruoyi前后端分离框架中的应用

    Hello, 大家好! 我是不作死就不会死,智商不在线,但颜值超有品的拆家队大队长 --咖啡汪 一只不是在戏精,就是在戏精路上的极品二哈 前几天刚做了java通过Excel 模板导出复杂统计类exce ...

  10. java后台处理excel_java后台利用Apache poi 生成excel文档提供前台下载示例

    之前在项目中会用到在java在后台把数据填入Word文档的模板来提供前台下载,为了自己能随时查看当时的实现方案及方便他人学习我写了这篇博客,访问量已经是我写的博客里第一了.于是乎我在学会用Java在后 ...

最新文章

  1. 全职宝妈跨专业备考信息系统项目管理师【52,52,51】
  2. 37.使用PreResultListener实现回调
  3. Java 10将如何改变您的编码方式
  4. FineUI 将不再内置 ExtJS (严格遵守 ExtJS 的开源规则)
  5. C#链接mysql 新手容易出错的问题
  6. Asp.net输出Excel文件并且下载该文件以及某些细节问题解决
  7. 为GridView-Delete列添加确认对话框(2种方法)
  8. 剑指offer——面试题31:连续子数组的最大和
  9. 阶段5 3.微服务项目【学成在线】_day02 CMS前端开发_04-vuejs研究-vuejs基础-v-model指令...
  10. hadoop日常维护之问题解决01
  11. 字符串函数sprintf / sprintf_s 容易出错的地方
  12. PyQt5(designer)入门教程
  13. jQuery图片LightBox插件 点击图片放大 支持移动手机
  14. 华为PUSH 日常问题解决方案
  15. c语言编译器中cu是什么意思,.c文件调用.cu中的函数
  16. 速抢:500份粉丝购书优惠券
  17. 基于matlab/simulink同步发电机电路模型仿真,基于MATLAB/SIMULINK同步发电机电路模型仿真...
  18. Suricata+PF_RING安装详解
  19. 刷脸支付开拓创走在时代的前沿
  20. 计算机怎么开机操作,计算机是如何启动的?从未上电到操作系统启动

热门文章

  1. pywinauto实战-操作h2testw.exe自动化测试脚本
  2. 干了十多年SAP顾问,聊聊从SAP最佳业务实践看企业管理
  3. 常见的web前端面试试题(含答案)
  4. JAVA调用K3Cloud WebApi接口
  5. 阅文超级IP风云盛典星光熠熠 2018中国原创文学风云榜发布
  6. android 怎么反编译,Android反编译工具的用法
  7. Tungsten Fabric SDN — within AWS EKS
  8. CDA数据分析师教材与题库
  9. 改变世界面貌的十个数学公式
  10. 全国所有省份、城市的JSON