vue + axios get下载文件功能


Posted in Javascript onSeptember 25, 2019

本文实例为大家分享了vue + axios 下载文件的具体代码,供大家参考,具体内容如下

这里是axios的get方法。post方法请点击这里=》here

vue + axios get下载文件功能

注意点:

Herder 请求头需注意

  • content-disposition:”attachment;filename=total.xls”
  • content-type:”application/x-download;charset=utf-8”

axios请求的responseType为blob

  • responseType:'blob',

template

<button class="os_myProduct_td6Div5Btn2" @click.stop="downloadReport(item,index)">下载当天报表</button>

script

methods:{
 downloadReport(item,index){
 let date = item.plans[this.daysIndex[index]]
 let url = '/Ecp.Export.exportXls.jdn?entityId='+item.FId+'&date='+date.FDeparture_date+'&token=' + sessionStorage.getItem("token")
 this.axios({
 method:'get',
 url:url,
 responseType:'blob',
 })
 .then((data) => {
 if (!data) {
  return
 }
 debugger
 let url = window.URL.createObjectURL(data.data)
 let link = document.createElement('a')
 link.style.display = 'none'
 link.href = url
 link.setAttribute('download', 'excel.xls')
 document.body.appendChild(link)
 link.click()
 })
 },
 }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
使两个iframe的高度与内容自适应,且相等
Nov 20 Javascript
效率高的Javscript字符串替换函数的benchmark
Aug 02 Javascript
jQuery 跨域访问问题解决方法
Dec 02 Javascript
Knockoutjs快速入门(经典)
Dec 24 Javascript
window.onload和$(function(){})的区别介绍
Oct 30 Javascript
[原创]Javascript 实现广告后加载 可加载百度谷歌联盟广告
May 11 Javascript
div中文字内容溢出常见的解决方法
Mar 16 Javascript
使用vue和datatables进行表格的服务器端分页实例代码
Jun 07 Javascript
JavaScript基础进阶之数组方法总结(推荐)
Sep 04 Javascript
JS获取指定月份的天数两种实现方法
Jun 22 Javascript
electron + vue项目实现打印小票功能及实现代码
Nov 25 Javascript
vue实现购物车加减
May 30 Javascript
layer.open组件获取弹出层页面变量、函数的实例
Sep 25 #Javascript
jquery中attr、prop、data区别与用法分析
Sep 25 #jQuery
axios实现文件上传并获取进度
Mar 25 #Javascript
Layer+Echarts构建弹出层折线图的方法
Sep 25 #Javascript
axios实现简单文件上传功能
Sep 25 #Javascript
layer弹出层取消遮罩的方法
Sep 25 #Javascript
QML实现圆环颜色选择器
Sep 25 #Javascript
You might like
虫族 Zerg 历史背景
2020/03/14 星际争霸
PHP实现恶意DDOS攻击避免带宽占用问题方法
2015/05/27 PHP
PHP比较运算符的详细介绍
2015/09/29 PHP
关于javascript中的parseInt使用技巧
2009/09/03 Javascript
javascript:history.go()和History.back()的区别及应用
2012/11/25 Javascript
Nodejs实现的一个静态服务器实例
2014/12/06 NodeJs
初步使用bootstrap快速创建页面
2016/03/03 Javascript
js输入框使用正则表达式校验输入内容的实例
2017/02/12 Javascript
浅析 NodeJs 的几种文件路径
2017/06/07 NodeJs
使用Node.js实现RESTful API的示例
2017/08/01 Javascript
Vue.js进行查询操作的实例详解
2017/08/25 Javascript
微信小程序登录session的使用
2019/03/17 Javascript
微信小程序实现多选框功能的实例代码
2020/06/24 Javascript
[02:31]2014DOTA2国际邀请赛2009专访:干爹表现出乎意料 看好DK杀回决赛
2014/07/20 DOTA
简单的抓取淘宝图片的Python爬虫
2014/12/25 Python
编写Python小程序来统计测试脚本的关键字
2016/03/12 Python
详解Python的collections模块中的deque双端队列结构
2016/07/07 Python
Python使用pylab库实现画线功能的方法详解
2017/06/08 Python
Python 获取当前所在目录的方法详解
2017/08/02 Python
Python3安装Scrapy的方法步骤
2017/11/23 Python
python如何实现一个刷网页小程序
2018/11/27 Python
python矩阵的转置和逆转实例
2018/12/12 Python
python pandas 时间日期的处理实现
2019/07/30 Python
Python中Selenium库使用教程详解
2020/07/23 Python
Rodd & Gunn澳大利亚官网:新西兰男装品牌
2018/09/25 全球购物
解释一下抽象方法和抽象类
2016/08/27 面试题
七一表彰活动方案
2014/01/18 职场文书
暑期社会实践感言
2014/02/25 职场文书
行政人事岗位职责
2014/03/17 职场文书
银行先进个人事迹材料
2014/05/11 职场文书
祝酒词范文
2015/08/12 职场文书
先进个人事迹材料(2016推荐版)
2016/03/01 职场文书
导游词之河北野三坡
2019/12/11 职场文书
详解Laravel制作API接口
2021/05/31 PHP
Python函数式编程中itertools模块详解
2021/09/15 Python
java后台调用接口及处理跨域问题的解决
2022/03/24 Java/Android