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 相关文章推荐
表单提交验证类
Jul 14 Javascript
javascript编程起步(第六课)
Jan 10 Javascript
JavaScript 10件让人费解的事情
Feb 15 Javascript
JS常用函数使用指南
Nov 23 Javascript
jquery.cookie.js使用指南
Jan 05 Javascript
jQuery实现可用于博客的动态滑动菜单完整实例
Sep 17 Javascript
Radio 单选JS动态添加的选项onchange事件无效的解决方法
Dec 12 Javascript
bootstrap日期控件问题(双日期、清空等问题解决)
Apr 19 Javascript
浅谈Angular4中常用管道
Sep 27 Javascript
vue router 配置路由的方法
Jul 26 Javascript
15 分钟掌握vue-next响应式原理
Oct 13 Javascript
javascript代码实现简易计算器
Jan 25 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
php中stream(流)的用法
2014/03/25 PHP
php过滤html中的其他网站链接的方法(域名白名单功能)
2014/04/24 PHP
PHP执行Curl时报错提示CURL ERROR: Recv failure: Connection reset by peer的解决方法
2014/06/26 PHP
linux下使用crontab实现定时PHP计划任务失败的原因分析
2014/07/05 PHP
php基于curl实现随机ip地址抓取内容的方法
2016/10/11 PHP
thinkphp隐藏index.php/home并允许访问其他模块的实现方法
2016/10/13 PHP
PHP生成随机字符串实例代码(字母+数字)
2019/09/11 PHP
PHP Beanstalkd消息队列的安装与使用方法实例详解
2020/02/21 PHP
JavaScript For Beginners(转载)
2007/01/05 Javascript
js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)
2010/04/14 Javascript
javascript的offset、client、scroll使用方法详解
2012/12/25 Javascript
鼠标经过tr时,改变tr当前背景颜色
2014/01/13 Javascript
jQuery对象和DOM对象之间相互转换的方法介绍
2015/02/28 Javascript
Jsonp 关键字详解及json和jsonp的区别,ajax和jsonp的区别
2015/12/30 Javascript
JS实现旋转木马式图片轮播效果
2017/01/18 Javascript
微信小程序左滑删除效果的实现代码
2017/02/20 Javascript
Bootstrap表单简单实现代码
2017/03/06 Javascript
微信小程序利用co处理异步流程的方法教程
2017/05/20 Javascript
Angular实现表单验证功能
2017/11/13 Javascript
vue项目中用cdn优化的方法
2018/01/03 Javascript
JavaScript高级函数应用之分时函数实例分析
2018/08/03 Javascript
解决Antd Table组件表头不对齐的问题
2020/10/27 Javascript
利用Tensorboard绘制网络识别准确率和loss曲线实例
2020/02/15 Python
python GUI库图形界面开发之PyQt5信号与槽的高级使用技巧(自定义信号与槽)详解与实例
2020/03/06 Python
Opencv求取连通区域重心实例
2020/06/04 Python
python中什么是面向对象
2020/06/11 Python
Pytorch 卷积中的 Input Shape用法
2020/06/29 Python
python 实现批量图片识别并翻译
2020/11/02 Python
11月升旗仪式讲话稿
2014/02/15 职场文书
信息学院毕业生自荐信范文
2014/03/04 职场文书
高级工程师英文求职信
2014/03/19 职场文书
大学生演讲稿
2014/04/25 职场文书
大学社团计划书
2014/05/01 职场文书
2015年高一班主任工作总结
2015/05/13 职场文书
关于企业的执行力标语大全
2020/01/06 职场文书
小程序wx.getUserProfile接口的具体使用
2021/06/02 Javascript