前端post下载实现

stupidcc

于 2020-02-19 10:16:18 发布

阅读量492

点赞数

CC 4.0 BY-SA版权

分类专栏： js原生 angular

本文链接：https://blog.youkuaiyun.com/e87e09e11/article/details/104388293

js原生同时被 2 个专栏收录

31 篇文章

订阅专栏

angular

7 篇文章

订阅专栏

本文介绍了一种使用JavaScript进行Excel文件导出的方法。通过将数据转换为Blob对象，并利用浏览器的下载机制，实现了从Web应用直接导出数据到Excel文件的功能。代码中包含了对响应类型、文件名解析及不同浏览器兼容性的处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


```javascript
exportService(url,params){
   url = this.budService.getBaseUrl()+url;
   return this.http.post(url,params,{responseType:'arraybuffer',observe:'response'}).toPromise().then(res=>{
   const blob=new Blob([res.body],{type:'application/vnd.ms-excel'});
   if(res.headers.get('Content-disposition')){
      const fileName=decodeURI(res.headers.get('Content-disposition').split('filename=')[1]);
      if(window.navigator.msSaveOrOpenBlob){
         navigator.msSaveBlob(blob,fileName)
      }else{
          const link = document.createElement('a');
	      link.setAttribute('href',window.URL.createObjectURL(blob));
	      link.setAttribute('download',fileName);
	      link.style.visibility='hidden';
	      document.body.appendChild(link);
	      link.click();
	      document.body.removeChild(link);
      }
    } else {
        var encodedString = utf8ArrayToStr(new Uint8Array(res.body));
        var obj = JSON.parse(encodedString);
        if(obj.code==='SYS-9000'){
          /**拒绝访问  停留3秒*/
          this.message.error(`后台提示：${obj.message}`,{gmDuration:3000});
        }else{
          this.modalService.error({
            title:'后台错误提示',
            content:`${obj.message}`
          })
        }
    }
 })
}