前端axios下载excel文件(二进制)的处理方法
更新时间：2018年07月31日 09:47:00 作者：薛将军
新接了项目，遇到这样的需求，通过后端接口下载excel文件，后端没有文件地址，返回二进制流文件。接下来通过实例代码给大家分享前端axios下载excel文件(二进制)的处理方法，一起看看吧
需求：通过后端接口下载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的各种常见函数定义方法,包含了一些技巧的测试与分析总结,需要的朋友可以参考下2014-09-09
无名函数，其中一个作用可能是生成新的函数对象的引用，主要是用于定义。2011-06-06
同C# 、Java一样我们可以手工调用垃圾回收程序，但是由于其消耗大量资源，而且我们手工调用的不会比浏览器判断的准确，所以不推荐手工调用垃圾回收2013-10-10
这篇文章主要详细介绍了js面向对象之公有、私有、静态属性和方法，并附上详细的示例，非常的细致全面，这里推荐给大家，有需要的小伙伴可以参考下2015-04-04
javascript 只有7行代码即可画出围棋棋盘的实现代码。大家可以看看。2009-07-07
这篇文章主要介绍了一次让你了解全部JavaScript的作用域,作用域决定了变量的生命周期和可见性，变量在作用域范围之外是不可见的。,需要的朋友可以参考下2019-06-06
这篇文章主要介绍了weui上传多图片,压缩,base64编码,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-06-06
URL.createObjectURL()方法会根据传入的参数创建一个指向该参数对象的URL. 这个URL的生命仅存在于它被创建的这个文档里. 新的对象URL指向执行的File对象或者是Blob对象,这篇文章主要给大家介绍了关于JS中URL.createObjectURL使用的相关资料,需要的朋友可以参考下2022-03-03
一文搞懂JavaScript中bind,apply,call的实现
bind、call和apply都是Function原型链上面的方法，因此不管是使用function声明的函数，还是箭头函数都可以直接调用。本文就带你看看如何实现bind、call和apply2022-06-06
这篇文章主要介绍了javascript的console命令使用实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-12-12
最新评论