下载/导出文件

最新推荐文章于 2024-07-31 10:59:41 发布

十一/shell

最新推荐文章于 2024-07-31 10:59:41 发布

阅读量761

点赞数

分类专栏：前端开发文章标签：导出文件 js下载文件

本文链接：https://blog.csdn.net/weixin_40126227/article/details/78972103

版权

前端开发专栏收录该内容

27 篇文章 0 订阅

订阅专栏

 
  exportFile 
  ( 
  params 
  ) 
   { 
 
 
               
  const 
    
  self 
    
  = 
    
  this 
  ; 
 
 
               
  self 
  . 
  $axios 
  . 
  get 
  ( 
  baseURL 
  + 
  ' 
  /attence/exportAttenceInfo 
  ' 
  ,{ 
 
 
                      params:  
  params 
  , 
 
 
                      responseType:  
  ' 
  blob 
  ' 
 
 
                  }) 
 
 
                  . 
  then 
  ( 
  ( 
  response 
  ) 
    
  => 
   { 
 
 
                       
  console 
  . 
  log 
  ( 
  ' 
  response 
  ' 
  , 
  response 
  ); 
 
 
                       
  const 
    
  fileName 
    
  = 
    
  " 
  考勤信息.xlsx 
  " 
  ;  
 
 
                       
  const 
    
  blob 
    
  = 
    
  response 
  .data; 
 
 
  //                  debugger 
 
 
                       
  if 
   (window. 
  navigator 
    
  && 
   window. 
  navigator 
  . 
  msSaveOrOpenBlob 
  ) { 
 

 
                          window. 
  navigator 
  . 
  msSaveOrOpenBlob 
  ( 
  blob 
  ,  
  fileName 
  ); 
 
 
                      }  
  else 
   { 
 

 
                           
  let 
    
  elink 
    
  = 
   document. 
  createElement 
  ( 
  ' 
  a 
  ' 
  );  
  // 创建a标签 
 
 
                           
  elink 
  . 
  download 
    
  = 
    
  fileName 
  ; 
 
 
                           
  elink 
  .style.display  
  = 
    
  ' 
  none 
  ' 
  ; 
 
 
                           
  elink 
  .href  
  = 
    
  URL 
  . 
  createObjectURL 
  ( 
  blob 
  ); 
 
 
                          document.body. 
  appendChild 
  ( 
  elink 
  ); 
 
 
                           
  elink 
  . 
  click 
  ();  
  // 触发点击a标签事件 
 
 
                          document.body. 
  removeChild 
  ( 
  elink 
  ); 
 
 
                      } 
 
 
                  }). 
  catch 
  ( 
  ( 
  e 
  ) 
    
  => 
   { 
 
 
                       
  console 
  . 
  error 
  ( 
  e 
  ) 
 
 
                       
  self 
  . 
  $message 
  ({ message:  
  ' 
  导出考勤信息失败 
  ' 
  , type:  
  ' 
  error 
  ' 
   }); 
 
 
                  }) 
 
 
          }, 
 