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

來源：懂視網責編：小采時間：2020-11-27 22:10:56

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

前端axios下載excel文件(二進制)的處理方法:需求：通過后端接口下載excel文件，后端沒有文件地址，返回二進制流文件實現：axios(ajax類似) 主要代碼： axios：設置返回數據格式為blob或者arraybuffer 如： var instance = axios.creat({ ... //一些配置 responseType: '

推薦度：

點擊下載本文 文檔為doc格式

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

需求：通過后端接口下載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文件(二進制)的處理方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com