前端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 相关文章推荐
newxtree.js代码
Mar 13 Javascript
一个用js实现的页内搜索代码
May 23 Javascript
js文件中调用js的实现方法小结
Oct 23 Javascript
javascript深入理解js闭包
Jul 03 Javascript
理解Javascript_08_函数对象
Oct 15 Javascript
js实现网站首页图片滚动显示
Feb 04 Javascript
jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码
Aug 21 Javascript
利用jquery给指定的table动态添加一行、删除一行的方法
Oct 12 Javascript
Vue应用部署到服务器的正确方式
Jul 15 Javascript
jQuery实现form表单序列化转换为json对象功能示例
May 23 jQuery
JavaScript实现学生在线做题计时器功能
Dec 05 Javascript
微信小程序实现音频文件播放进度的实例代码
Mar 02 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
一个简单的自动发送邮件系统(二)
2006/10/09 PHP
PHP输入流php://input介绍
2012/09/18 PHP
支持中文和其他编码的php截取字符串函数分享(截取中文字符串)
2014/03/13 PHP
php生成shtml类用法实例
2014/12/09 PHP
PHP环境搭建(php+Apache+mysql)
2016/11/14 PHP
php使用Jpgraph创建柱状图展示年度收支表效果示例
2017/02/15 PHP
Jquery Select操作方法集合脚本之家特别版
2010/05/17 Javascript
JQuery文本框高亮显示插件代码
2011/04/02 Javascript
判断滚动条到底部的JS代码
2013/11/04 Javascript
javascript中的作用域和上下文使用简要概述
2013/12/05 Javascript
设计模式中的facade外观模式在JavaScript开发中的运用
2016/05/18 Javascript
jQuery实现的导航下拉菜单效果示例
2016/09/05 Javascript
vue.js将unix时间戳转换为自定义时间格式
2017/01/03 Javascript
Bootstrap导航条鼠标悬停下拉菜单
2017/01/04 Javascript
Mongoose经常返回e11000 error的原因分析
2017/03/29 Javascript
JavaScript实现简单的星星评分效果
2017/05/18 Javascript
vue-cli项目根据线上环境分别打出测试包和生产包
2018/05/23 Javascript
Node.js系列之连接DB的方法(3)
2019/08/30 Javascript
vue 实现LED数字时钟效果(开箱即用)
2019/12/08 Javascript
vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作
2020/08/03 Javascript
bat和python批量重命名文件的实现代码
2016/05/19 Python
Python 自动刷博客浏览量实例代码
2017/06/14 Python
Python3.6.0+opencv3.3.0人脸检测示例
2018/05/25 Python
Python完成毫秒级抢淘宝大单功能
2019/06/06 Python
解决Python设置函数调用超时,进程卡住的问题
2019/08/08 Python
python实现监控阿里云账户余额功能
2019/12/16 Python
美国知名的在线旅游服务网站:Priceline
2016/07/23 全球购物
西班牙汉普顿小姐:购买帆布鞋和太阳镜
2016/10/23 全球购物
凯撒娱乐:Caesars Entertainment
2018/02/23 全球购物
Hotels.com日本:国外和海外住宿,酒店预订
2019/12/13 全球购物
SQL SERVER面试资料
2013/03/30 面试题
珍珠鸟教学反思
2014/02/01 职场文书
党员公开承诺事项
2014/03/25 职场文书
2015年大学班级工作总结
2015/04/28 职场文书
离婚起诉书范文2015
2015/05/19 职场文书
男方家长婚礼致辞
2015/07/27 职场文书