最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

前端axios下載excel文件(二進制)的處理方法

來源:懂視網(wǎng) 責編:小采 時間:2020-11-27 22:10:56
文檔

前端axios下載excel文件(二進制)的處理方法

前端axios下載excel文件(二進制)的處理方法:需求:通過后端接口下載excel文件,后端沒有文件地址,返回二進制流文件 實現(xiàn):axios(ajax類似) 主要代碼: axios:設(shè)置返回數(shù)據(jù)格式為blob或者arraybuffer 如: var instance = axios.creat({ ... //一些配置 responseType: '
推薦度:
導(dǎo)讀前端axios下載excel文件(二進制)的處理方法:需求:通過后端接口下載excel文件,后端沒有文件地址,返回二進制流文件 實現(xiàn):axios(ajax類似) 主要代碼: axios:設(shè)置返回數(shù)據(jù)格式為blob或者arraybuffer 如: var instance = axios.creat({ ... //一些配置 responseType: '

需求:通過后端接口下載excel文件,后端沒有文件地址,返回二進制流文件

實現(xiàn):axios(ajax類似)

主要代碼:

axios:設(shè)置返回數(shù)據(jù)格式為blob或者arraybuffer

如:

 var instance = axios.creat({ ... //一些配置
 responseType: 'blob', //返回數(shù)據(jù)的格式,可選值為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); //創(chuàng)建下載的鏈接
   downloadElement.href = href;
   downloadElement.download = 'xxx.xlsx'; //下載后文件名
   document.body.appendChild(downloadElement);
   downloadElement.click(); //點擊下載
   document.body.removeChild(downloadElement); //下載完成移除元素
   window.URL.revokeObjectURL(href); //釋放掉blob對象 
 })

總結(jié)

以上所述是小編給大家介紹的前端axios下載excel文件(二進制)的處理方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

前端axios下載excel文件(二進制)的處理方法

前端axios下載excel文件(二進制)的處理方法:需求:通過后端接口下載excel文件,后端沒有文件地址,返回二進制流文件 實現(xiàn):axios(ajax類似) 主要代碼: axios:設(shè)置返回數(shù)據(jù)格式為blob或者arraybuffer 如: var instance = axios.creat({ ... //一些配置 responseType: '
推薦度:
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top