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 相关文章推荐
解决FireFox下[使用event很麻烦]的问题
Nov 26 Javascript
jQuery 使用手册(二)
Sep 23 Javascript
jQuery 开发者应该注意的9个错误
May 03 Javascript
『jQuery』名称冲突使用noConflict方法解决
Apr 22 Javascript
jquery 获取标签名(tagName)示例代码
Jul 11 Javascript
node.js [superAgent] 请求使用示例
Mar 13 Javascript
webpack3+React 的配置全解
Aug 21 Javascript
浅谈vue-router2路由参数注意的问题
Nov 08 Javascript
Vue.js 事件修饰符的使用教程
Nov 01 Javascript
生产制造追溯系统之再说条码打印
Jun 03 Javascript
新手入门带你学习JavaScript引擎运行原理
Jun 24 Javascript
jQuery实现简易聊天框
Feb 08 jQuery
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 图片上传实现代码 带详细注释
2010/04/29 PHP
php使用PDO从数据库表中读取数据的实现方法(必看)
2017/06/02 PHP
laravel 实现设置时区的简单方法
2019/10/10 PHP
jQuery对象和DOM对象的相互转化实现代码
2010/03/02 Javascript
javascript一些实用技巧小结
2011/03/18 Javascript
jQuery 关于伪类选择符的使用说明
2013/04/24 Javascript
jQuery插件 selectToSelect使用方法
2013/10/02 Javascript
jQuery中 delegate使用的问题
2015/07/03 Javascript
基于JavaScript实现Json数据根据某个字段进行排序
2015/11/24 Javascript
移动端如何用下拉刷新的方式实现上拉加载
2018/12/10 Javascript
ES6知识点整理之函数数组参数的默认值及其解构应用示例
2019/04/17 Javascript
swiper Scrollbar滚动条组件详解
2019/09/08 Javascript
python创建和使用字典实例详解
2013/11/01 Python
python脚本实现查找webshell的方法
2014/07/31 Python
JPype实现在python中调用JAVA的实例
2017/07/19 Python
Python利用openpyxl库遍历Sheet的实例
2018/05/03 Python
python 识别图片中的文字信息方法
2018/05/10 Python
python3去掉string中的标点符号方法
2019/01/22 Python
基于Python检测动态物体颜色过程解析
2019/12/04 Python
Django2 连接MySQL及model测试实例分析
2019/12/10 Python
flask利用flask-wtf验证上传的文件的方法
2020/01/17 Python
Python实现桌面翻译工具【新手必学】
2020/02/12 Python
python/golang实现循环链表的示例代码
2020/09/14 Python
CSS3图片旋转特效(360/60/-360度)
2013/10/10 HTML / CSS
One.com挪威:北欧成长最快的网络托管公司
2016/11/19 全球购物
阿里巴巴英国:Alibaba英国
2019/12/11 全球购物
Bonprix法国:时尚、鞋子、家居
2020/12/29 全球购物
网络编程中设计并发服务器,使用多进程与多线程,请问有什么区别?
2016/03/27 面试题
农业开发项目建议书
2014/05/16 职场文书
升学宴演讲稿
2014/09/01 职场文书
2014副局长群众路线对照检查材料思想汇报
2014/09/22 职场文书
2014年幼儿园园务工作总结
2014/12/05 职场文书
教师岗位说明书
2015/09/30 职场文书
社会实践心得体会范文
2016/01/14 职场文书
《狼王梦》读后感:可怜天下父母心
2019/11/01 职场文书
如何用PHP websocket实现网页实时聊天
2021/05/26 PHP