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 相关文章推荐
javascript重复绑定事件造成的后果说明
Mar 02 Javascript
判断日期是否能跨月查询的js代码
Jul 25 Javascript
jquery原理以及学习技巧介绍
Nov 11 Javascript
Angularjs实现多个页面共享数据的方式
Mar 29 Javascript
微信小程序 获取相册照片实例详解
Nov 16 Javascript
vue打包使用Nginx代理解决跨域问题
Aug 27 Javascript
基于Vue SEO的四种方案(小结)
Jul 01 Javascript
解决vue-cli webpack打包开启Gzip 报错问题
Jul 24 Javascript
Flutter实现仿微信底部菜单栏功能
Sep 18 Javascript
vue开发拖拽进度条滑动组件
Sep 21 Javascript
原生JS实现顶部导航栏显示按钮+搜索框功能
Dec 25 Javascript
vue 解决provide和inject响应的问题
Nov 12 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
在Windows版的PHP中使用ADO
2006/10/09 PHP
c#中的实现php中的preg_replace
2009/12/21 PHP
一个简单的php加密解密函数(动态加密)
2013/06/19 PHP
PHP使用array_fill定义多维数组的方法
2015/03/18 PHP
php简单实现sql防注入的方法
2016/04/22 PHP
PHP 结合 Boostrap 结合 js 实现学生列表删除编辑及搜索功能
2019/05/21 PHP
php用户名的密码加密更安全的方法
2019/06/21 PHP
PHP+redis实现的限制抢购防止商品超发功能详解
2019/09/19 PHP
用JavaScript玩转游戏物理(一)运动学模拟与粒子系统
2010/06/19 Javascript
JavaScript高级程序设计(第3版)学习笔记5 js语句
2012/10/11 Javascript
如何实现修改密码时密码框显示保存到cookie的密码
2013/12/10 Javascript
基于nodejs+express(4.x+)实现文件上传功能
2015/11/23 NodeJs
jQuery实现的选择商品飞入文本框动画效果完整实例
2016/08/10 Javascript
jQuery模拟实现的select点击选择效果【附demo源码下载】
2016/11/09 Javascript
详解使用Next.js构建服务端渲染应用
2018/07/10 Javascript
nodejs 生成和导出 word的实例代码
2018/07/31 NodeJs
Bootstrap Table实现定时刷新数据的方法
2018/08/13 Javascript
Vue-router的使用和出现空白页,路由对象属性详解
2018/09/03 Javascript
Vue+axios+WebApi+NPOI导出Excel文件实例方法
2019/06/05 Javascript
[00:33]2016完美“圣”典风云人物:BurNIng宣传片
2016/12/10 DOTA
python编辑用户登入界面的实现代码
2018/07/16 Python
使用python opencv对目录下图片进行去重的方法
2019/01/12 Python
Python求两点之间的直线距离(2种实现方法)
2019/07/07 Python
python使用tomorrow实现多线程的例子
2019/07/20 Python
Python pexpect模块及shell脚本except原理解析
2020/08/03 Python
CSS3实现千变万化的文字阴影text-shadow效果设计
2016/04/26 HTML / CSS
印度尼西亚在线时尚购物网站:ZALORA印尼
2016/08/02 全球购物
日本土著品牌,综合型购物网站:Cecile
2016/08/23 全球购物
美国LOGO设计公司:The Logo Company
2018/07/16 全球购物
大四学年自我鉴定
2013/11/13 职场文书
亲子活动总结
2014/04/26 职场文书
2014年党员自我评价材料
2014/09/22 职场文书
骨干教师申报材料
2014/12/17 职场文书
学生党员检讨书范文
2014/12/27 职场文书
2015年幼儿园教育教学工作总结
2015/05/25 职场文书
python如何为list实现find方法
2022/05/30 Python