前端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文件(二进制)的处理方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • ajax分页效果(bootstrap模态框)

    ajax分页效果(bootstrap模态框)

    这篇文章主要为大家详细介绍了ajax分页效果的实现方法,结合bootstrap模态框使用 ,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • js点击事件链接的问题解决

    js点击事件链接的问题解决

    这篇文章主要介绍了js点击事件链接的问题解决方法,需要的朋友可以参考下
    2014-04-04
  • javascript实现滚轮轮播图片

    javascript实现滚轮轮播图片

    这篇文章主要为大家详细介绍了javascript实现滚轮轮播图片,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-12-12
  • 微信小程序实现手写签名(签字版)

    微信小程序实现手写签名(签字版)

    这篇文章主要为大家详细介绍了微信小程序实现手写签名,签字版,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • 基于JavaScript实现拖动滑块效果

    基于JavaScript实现拖动滑块效果

    这篇文章主要为大家详细介绍了基于JavaScript实现拖动滑块效果,拖动滑块时数字进行变化,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • ES6 Generator基本使用方法示例

    ES6 Generator基本使用方法示例

    这篇文章主要介绍了ES6 Generator基本使用方法,结合实例形式分析了ES6 Generator基本功能、使用方法与操作注意事项,需要的朋友可以参考下
    2020-06-06
  • javascript获取当前的时间戳的方法汇总

    javascript获取当前的时间戳的方法汇总

    这篇文章主要介绍了javascript获取当前的时间戳的方法汇总的相关资料,需要的朋友可以参考下
    2015-07-07
  • 浅谈PDF.js使用心得

    浅谈PDF.js使用心得

    本篇文章主要介绍了浅谈PDF.js使用心得,pdf.js 是一个技术原型主要用于在 HTML5 平台上展示 PDF 文档,无需任何本地技术支持。非常具有实用价值,需要的朋友可以参考下
    2018-06-06
  • JQuery中serialize() 序列化

    JQuery中serialize() 序列化

    这篇文章主要介绍了JQuery中serialize() 序列化,十分的细致全面,推荐给大家,
    2015-03-03
  • javascript动态创建链接的方法

    javascript动态创建链接的方法

    这篇文章主要介绍了javascript动态创建链接的方法,涉及javascript动态操作页面元素的技巧,需要的朋友可以参考下
    2015-05-05

最新评论