前端axios下載excel文件(二進(jìn)制)的處理方法
需求:通過(guò)后端接口下載excel文件,后端沒(méi)有文件地址,返回二進(jìn)制流文件
實(shí)現(xiàn):axios(ajax類似)
主要代碼:
axios:設(shè)置返回?cái)?shù)據(jù)格式為blob或者arraybuffer
如:
var instance = axios.creat({ ... //一些配置 responseType: 'blob', //返回?cái)?shù)據(jù)的格式,可選值為arraybuffer,blob,document,json,text,stream,默認(rèn)值為json })
請(qǐng)求時(shí)的處理:
getExcel().then(res => { //這里res.data是返回的blob對(duì)象 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(); //點(diǎn)擊下載 document.body.removeChild(downloadElement); //下載完成移除元素 window.URL.revokeObjectURL(href); //釋放掉blob對(duì)象 })
總結(jié)
以上所述是小編給大家介紹的前端axios下載excel文件(二進(jìn)制)的處理方法,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
javascript實(shí)現(xiàn)下雪效果【實(shí)例代碼】
下面小編就為大家?guī)?lái)一篇javascript實(shí)現(xiàn)下雪效果【實(shí)例代碼】。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考2016-05-05JavaScript+HTML5 canvas實(shí)現(xiàn)放大鏡效果完整示例
這篇文章主要介紹了JavaScript+HTML5 canvas實(shí)現(xiàn)放大鏡效果,結(jié)合完整實(shí)例形式分析了javascript+HTML5 canvas針對(duì)圖片元素的獲取、響應(yīng)鼠標(biāo)事件變換元素屬性相關(guān)操作技巧,需要的朋友可以參考下2019-05-05JavaScript(JS) 壓縮 / 混淆 / 格式化 批處理工具
本工具所有的功能實(shí)現(xiàn)都是由 ttp://jscompress.sinaapp.com/api 處理.(包括現(xiàn)在可以使用的這個(gè)在線壓縮)2010-12-12獲取焦點(diǎn)時(shí),利用js定時(shí)器設(shè)定時(shí)間執(zhí)行動(dòng)作
網(wǎng)上有很多類似的知識(shí),并不是有什么難度的技巧,僅僅是開(kāi)發(fā)過(guò)程中的一點(diǎn)點(diǎn)積累而已。2010-04-04js調(diào)用activeX獲取u盤(pán)序列號(hào)的代碼
js調(diào)用activeX獲取u盤(pán)序列號(hào)的代碼,需要的朋友可以參考下。2011-11-11JS組件Bootstrap Table表格行拖拽效果實(shí)現(xiàn)代碼
這篇文章分享了JS組件Bootstrap Table表格行拖拽效果實(shí)現(xiàn)代碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2015-12-12php對(duì)mongodb的擴(kuò)展(初識(shí)如故)
mongodb的數(shù)據(jù)存儲(chǔ)格式是一種由于MongoDB的文檔結(jié)構(gòu)為BJSON格式(BJSON全稱:Binary JSON),而B(niǎo)JSON格式本身就支持保存二進(jìn)制格式的數(shù)據(jù),因此可以把文件的二進(jìn)制格式的數(shù)據(jù)直接保存到MongoDB的文檔結(jié)構(gòu)中2012-11-11基于JavaScript實(shí)現(xiàn)跳轉(zhuǎn)提示頁(yè)面
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)跳轉(zhuǎn)提示頁(yè)面 的相關(guān)資料,需要的朋友可以參考下2016-09-09