前端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 ready和load事件的区别示例介绍
Aug 30 Javascript
js获取当月最后一天实例代码
Nov 19 Javascript
JS的encodeURI和java的URLDecoder.decode使用介绍
May 08 Javascript
javascript原生和jquery库实现iframe自适应高度和宽度
Jul 18 Javascript
js判断手机访问或者PC的几个例子(常用于手机跳转)
Dec 15 Javascript
EasyUI学习之Combobox级联下拉列表(2)
Dec 29 Javascript
vue基于Vue2.0和高德地图的地图组件实例
Apr 28 Javascript
了解VUE的render函数的使用
Jun 08 Javascript
SVG动画vivus.js库使用小结(实例代码)
Sep 14 Javascript
vue源码学习之Object.defineProperty对象属性监听
May 30 Javascript
Vue.JS实现垂直方向展开、收缩不定高度模块的JS组件
Jun 19 Javascript
基于webpack4+vue-cli3项目实现换肤功能
Jul 17 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简单的伪原创程序,配合商城采集用的
2010/10/12 PHP
php截取中文字符串不乱码的方法
2013/12/25 PHP
php-redis中的sort排序函数总结
2015/07/08 PHP
PHP调用其他文件中的类
2018/04/02 PHP
PHP pthreads v3使用中的一些坑和注意点分析
2020/02/21 PHP
现如今最流行的JavaScript代码规范
2014/03/08 Javascript
JavaScript版的TwoQueues缓存模型
2014/12/29 Javascript
javascript中call,apply,bind的用法对比分析
2015/02/12 Javascript
js中日期的加减法
2015/05/06 Javascript
js小数运算出现多位小数如何解决
2015/10/08 Javascript
微信小程序 navbar实例详解
2017/05/11 Javascript
一个可复用的vue分页组件
2017/05/15 Javascript
vue.js项目 el-input 组件 监听回车键实现搜索功能示例
2018/08/25 Javascript
jQuery+PHP实现上传裁剪图片
2020/06/29 jQuery
webpack4.x下babel的安装、配置及使用详解
2019/03/07 Javascript
Python contextlib模块使用示例
2015/02/18 Python
Python分治法定义与应用实例详解
2017/07/28 Python
详解python字节码
2018/02/07 Python
python读出当前时间精度到秒的代码
2019/07/05 Python
Django Python 获取请求头信息Content-Range的方法
2019/08/06 Python
python模块hashlib(加密服务)知识点讲解
2019/11/25 Python
python全局变量引用与修改过程解析
2020/01/07 Python
python小程序基于Jupyter实现天气查询的方法
2020/03/27 Python
pygame用blit()实现动画效果的示例代码
2020/05/28 Python
Pytorch上下采样函数--interpolate用法
2020/07/07 Python
装上这 14 个插件后,PyCharm 真的是无敌的存在
2021/01/11 Python
html5 datalist 选中option选项后的触发事件
2020/03/05 HTML / CSS
毕业生文员求职信
2013/11/03 职场文书
机械专业毕业生推荐信范文
2013/11/25 职场文书
超市端午节活动方案
2014/01/23 职场文书
二审代理词范文
2015/05/25 职场文书
JVM入门之类加载与字节码技术(类加载与类的加载器)
2021/06/15 Java/Android
详细聊聊浏览器是如何看闭包的
2021/11/11 Javascript
Go语言读取txt文档的操作方法
2022/01/22 Golang
索尼ICF-36收音机评测
2022/04/30 无线电
浅谈Redis的事件驱动模型
2022/05/30 Redis