前端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 相关文章推荐
jQuery实现选项联动轮播效果【附实例】
Apr 19 Javascript
JS如何设置iOS中微信浏览器的title
Nov 22 Javascript
浅析jsopn跨域请求原理及cors(跨域资源共享)的完美解决方法
Feb 06 Javascript
JavaScript简介_动力节点Java学院整理
Jun 26 Javascript
浅谈vue,angular,react数据双向绑定原理分析
Nov 28 Javascript
angular5 httpclient的示例实战
Mar 12 Javascript
实例详解vue.js浅度监听和深度监听及watch用法
Aug 16 Javascript
Koa 中的错误处理解析
Apr 09 Javascript
从0到1搭建element后台框架优化篇(打包优化)
May 12 Javascript
javascript实现移动端触屏拖拽功能
Jul 29 Javascript
JS实现页面侧边栏效果探究
Jan 08 Javascript
vue实现防抖的实例代码
Jan 11 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
PHP 彩色文字实现代码
2009/06/29 PHP
php中常用字符串处理代码片段整理
2011/11/07 PHP
nginx+php-fpm配置文件的组织结构介绍
2012/11/07 PHP
PHP应用JSON技巧讲解
2013/02/03 PHP
七种PHP开发环境搭建工具
2020/06/28 PHP
javascript引导程序
2008/10/26 Javascript
JavaScript 函数惰性载入的实现及其优点介绍
2013/08/12 Javascript
javascript实现根据iphone屏幕方向调用不同样式表的方法
2015/07/13 Javascript
javascript实现3D变换的立体圆圈实例
2015/08/06 Javascript
jQuery使用$.ajax进行异步刷新的方法(附demo下载)
2015/12/04 Javascript
JS实现兼容各种浏览器的获取选择文本的方法【测试可用】
2016/06/21 Javascript
Bootstrap风格的zTree右键菜单
2017/02/17 Javascript
原生JS实现不断变化的标签
2017/05/22 Javascript
vue2.0移除或更改的一些东西(移除index key)
2017/08/28 Javascript
详解Vue-cli代理解决跨域问题
2017/09/27 Javascript
JS中实现隐藏部分姓名或者电话号码的代码
2018/07/17 Javascript
使用Bootstrap做一个朝代历史表
2019/12/10 Javascript
vue 虚拟DOM的原理
2020/10/03 Javascript
[00:35]DOTA2上海特级锦标赛 MVP.Phx战队宣传片
2016/03/04 DOTA
从零学python系列之浅谈pickle模块封装和拆封数据对象的方法
2014/05/23 Python
Python实现telnet服务器的方法
2015/07/10 Python
浅析使用Python操作文件
2017/07/31 Python
Python多层装饰器用法实例分析
2018/02/09 Python
Flask框架响应、调度方法和蓝图操作实例分析
2018/07/24 Python
canvas之万花筒效果的简单实现(推荐)
2016/08/16 HTML / CSS
美国首屈一指的高品质珠宝设计师和零售商:Allurez
2018/01/23 全球购物
澳大利亚当地社区首选的光学商店:1001 Optical
2019/08/24 全球购物
土木工程应届生自荐信
2013/09/24 职场文书
货物运输服务质量承诺书
2014/05/29 职场文书
社区党的群众路线教育实践活动剖析材料
2014/10/09 职场文书
教师节倡议书2015
2015/04/27 职场文书
心理健康教育培训研修感言
2015/11/18 职场文书
初中班级口号霸气押韵
2015/12/24 职场文书
Angular CLI发布路径的配置项浅析
2021/03/29 Javascript
vue ant design 封装弹窗表单的使用
2022/06/01 Vue.js
基于Python实现nc批量转tif格式
2022/08/14 Python