前端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 相关文章推荐
Javascript中暂停功能的实现代码
Mar 04 Javascript
jquery蒙版控件实现代码
Dec 08 Javascript
基于jquery编写的横向自适应幻灯片切换特效的实例代码
Aug 06 Javascript
利用JS解决ie6不支持max-width,max-height问题的方法
Jan 02 Javascript
JS批量修改PS中图层名称的方法
Jan 26 Javascript
js 判断各种数据类型的简单方法(推荐)
Aug 29 Javascript
浅谈JS 数字和字符串之间相互转化的纠纷
Oct 20 Javascript
JavaScript引用类型之基本包装类型实例分析【Boolean、Number和String】
Aug 09 Javascript
Vue+Express实现登录注销功能的实例代码
May 05 Javascript
react 移动端实现列表左滑删除的示例代码
Jul 04 Javascript
vue+iview框架实现左侧动态菜单功能的示例代码
Jul 23 Javascript
Javascript设计模式之原型模式详细
Oct 05 Javascript
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
需要使用php模板的朋友必看的很多个顶级PHP模板引擎比较分析
2008/05/26 PHP
php将从数据库中获得的数据转换成json格式并输出的方法
2018/08/21 PHP
jQuery 性能优化指南(2)
2009/05/21 Javascript
Javascript处理DOM元素事件实现代码
2012/05/23 Javascript
jQuery快速上手:写jQuery与直接写JS的区别详细解析
2013/08/26 Javascript
javascript自启动函数的问题探讨
2013/10/05 Javascript
关闭时刷新父窗口两种方法
2014/05/07 Javascript
js表头排序实现方法
2015/01/16 Javascript
JavaScript中使用Math.floor()方法对数字取整
2015/06/15 Javascript
JS表单数据验证的正则表达式(常用)
2017/02/18 Javascript
jquery 手势密码插件
2017/03/17 Javascript
ui-router中使用ocLazyLoad和resolve的具体方法
2017/10/18 Javascript
CentOS环境中MySQL修改root密码方法
2018/01/07 Javascript
bootstrap table合并行数据并居中对齐效果
2018/10/17 Javascript
200行HTML+JavaScript实现年会抽奖程序
2019/01/22 Javascript
如何使用CSS3+JQuery实现悬浮墙式菜单
2019/06/18 jQuery
OpenLayers实现图层切换控件
2020/09/25 Javascript
uni-app使用countdown插件实现倒计时
2020/11/01 Javascript
vue中封装axios并实现api接口的统一管理
2020/12/25 Vue.js
Python实现遍历windows所有窗口并输出窗口标题的方法
2015/03/13 Python
在Python的框架中为MySQL实现restful接口的教程
2015/04/08 Python
Django框架封装外部函数示例
2019/05/28 Python
python用WxPython库实现无边框窗体和透明窗体实现方法详解
2020/02/21 Python
Keras官方中文文档:性能评估Metrices详解
2020/06/15 Python
keras 实现轻量级网络ShuffleNet教程
2020/06/19 Python
浅谈Python描述数据结构之KMP篇
2020/09/06 Python
html5 学习简单的拾色器
2010/09/03 HTML / CSS
Supersmart英国:欧洲市场首批食品补充剂供应商之一
2018/05/05 全球购物
美国家用和厨房电器销售网站:Appliances Connection
2020/01/24 全球购物
个人查摆剖析材料
2014/02/04 职场文书
亲子拓展活动方案
2014/02/20 职场文书
岗位廉洁从业承诺书
2014/03/28 职场文书
社团活动总结格式
2014/08/29 职场文书
山东省召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
五年级作文之成长
2019/09/16 职场文书
详解CSS玩转图片Base64编码
2021/05/25 HTML / CSS