前端axios下载excel文件(二进制)的处理方法


Posted in Javascript onJuly 31, 2018

需求:通过后端接口下载excel文件,后端没有文件地址,返回二进制流文件

实现:axios(ajax类似)

主要代码:

axios:设置返回数据格式为blob或者arraybuffer

如:

var instance = axios.creat({     ... //一些配置
    responseType: 'blob', //返回数据的格式,可选值为arraybuffer,blob,document,json,text,stream,默认值为json
  })

请求时的处理:

getExcel().then(res => {
  //这里res.data是返回的blob对象   
  
var blob = new Blob([res.data], {type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8'}); //application/vnd.openxmlformats-officedocument.spreadsheetml.sheet这里表示xlsx类型
  
var downloadElement = document.createElement('a');
  
var href = window.URL.createObjectURL(blob); //创建下载的链接
  
downloadElement.href = href;
  
downloadElement.download = 'xxx.xlsx'; //下载后文件名
  
document.body.appendChild(downloadElement);
  
downloadElement.click(); //点击下载
  
document.body.removeChild(downloadElement); //下载完成移除元素
  
window.URL.revokeObjectURL(href); //释放掉blob对象 
 })

总结

以上所述是小编给大家介绍的前端axios下载excel文件(二进制)的处理方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
FireFox中textNode分片的问题
Apr 10 Javascript
基于jQuery的投票系统显示结果插件
Aug 12 Javascript
JS重要知识点小结
Nov 06 Javascript
jQuery获取和设置表单元素的方法
Feb 14 Javascript
AngularJS验证信息框架的封装插件用法【w5cValidator扩展插件】
Nov 03 Javascript
jQuery内容筛选选择器实例代码
Feb 06 Javascript
解决vue-cli中stylus无法使用的问题方法
Jun 19 Javascript
关于Vue组件库开发详析
Jul 01 Javascript
详解vue-router数据加载与缓存使用总结
Oct 29 Javascript
详解Vue.js在页面加载时执行某个方法
Nov 20 Javascript
vue进入页面时不在顶部,检测滚动返回顶部按钮问题及解决方法
Oct 30 Javascript
Vue 打包的静态文件不能直接运行的原因及解决办法
Nov 19 Vue.js
JS构造一个html文本内容成文件流形式发送到后台
Jul 31 #Javascript
vue导出html、word和pdf的实现代码
Jul 31 #Javascript
JavaScript函数节流和函数去抖知识点学习
Jul 31 #Javascript
JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能示例
Jul 31 #Javascript
微信网页授权并获取用户信息的方法
Jul 30 #Javascript
axios简单实现小程序延时loading指示
Jul 30 #Javascript
JS实现HTML页面中动态显示当前时间完整示例
Jul 30 #Javascript
You might like
elgg 获取文件图标地址的方法
2010/03/20 PHP
PHP内核探索:变量存储与类型使用说明
2014/01/30 PHP
thinkPHP订单数字提醒功能的实现方法
2016/12/01 PHP
Laravel中七个非常有用但很少人知道的Carbon方法
2017/09/21 PHP
对YUI扩展的Gird组件 Part-2
2007/03/10 Javascript
js 页面输出值
2008/11/30 Javascript
jquery、js操作checkbox全选反选
2014/03/12 Javascript
通过js来制作复选框的全选和不选效果
2014/05/22 Javascript
讲解JavaScript的Backbone.js框架的MVC结构设计理念
2016/02/14 Javascript
一个炫酷的Bootstrap导航菜单
2016/12/28 Javascript
jQuery实现选项卡功能(两种方法)
2017/03/08 Javascript
理解Angular的providers给Http添加默认headers
2017/07/04 Javascript
JavaScript输入分钟、秒倒计时技巧总结(附代码)
2017/08/17 Javascript
浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法
2018/02/21 Javascript
初学node.js中实现删除用户路由
2019/05/27 Javascript
js+html实现周岁年龄计算器
2019/06/25 Javascript
JS严格模式原理与用法实例分析
2020/04/27 Javascript
js实现简单五子棋游戏
2020/05/28 Javascript
VUE 实现element upload上传图片到阿里云
2020/08/12 Javascript
Openlayers绘制地图标注
2020/09/28 Javascript
ant-design表单处理和常用方法及自定义验证操作
2020/10/27 Javascript
[36:05]完美世界DOTA2联赛循环赛 Forest vs DM 第一场 11.06
2020/11/06 DOTA
Python3基础之函数用法
2014/08/13 Python
python随机生成指定长度密码的方法
2015/04/04 Python
python 转换 Javascript %u 字符串为python unicode的代码
2016/09/06 Python
python中使用正则表达式的连接符示例代码
2017/10/10 Python
详解Python里使用正则表达式的ASCII模式
2017/11/02 Python
python 2.7.14安装图文教程
2018/04/08 Python
Python八大常见排序算法定义、实现及时间消耗效率分析
2018/04/27 Python
python 按钮点击关闭窗口的实现
2020/03/04 Python
Django跨域请求原理及实现代码
2020/11/14 Python
中东奢侈品市场:Coveti
2019/05/12 全球购物
小学关爱留守儿童活动方案
2014/08/25 职场文书
农村优秀教师事迹材料
2014/08/27 职场文书
自荐信怎么写
2015/03/04 职场文书
Redis实现订单自动过期功能的示例代码
2021/05/08 Redis