码迷,mamicode.com
首页 > 移动开发 > 详细

前端axios下载excel

时间:2018-04-03 17:34:19      阅读:559      评论:0      收藏:0      [点我收藏+]

标签:window   pre   元素   element   excel   pread   div   .sh   url   

需求:通过后端接口下载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

标签:window   pre   元素   element   excel   pread   div   .sh   url   

原文地址:https://www.cnblogs.com/smiler/p/8708815.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!