前端處理二進(jìn)制流---文件下載

前端在開(kāi)發(fā)下載功能時(shí),獲取到后端返回的二進(jìn)制流數(shù)據(jù),如下所示


后端返回的二進(jìn)制流數(shù)據(jù)(奇奇怪怪的非人類文本)

此時(shí),我們可以這樣處理!直接上圖》(看圖更方便理解,下面可以粘取代碼,喜歡記得點(diǎn)個(gè)贊呦~)


代碼截圖~

代碼如下:

let?config?=?{

????????responseType:?"blob",

????????headers:?{

??????????"Content-Type":?"application/json",

????????},

??????};

??????axios.post("/stockQuery/stockDownload",?params,?config).then((res)?=>?{

????????const?blob?=?new?Blob([res.data]);

????????const?fileName?=?"庫(kù)存列表.xls";

????????const?linkNode?=?document.createElement("a");

????????linkNode.download?=?fileName;?//a標(biāo)簽的download屬性規(guī)定下載文件的名稱

????????linkNode.style.display?=?"none";

????????linkNode.href?=?URL.createObjectURL(blob);?//生成一個(gè)Blob?URL

????????document.body.appendChild(linkNode);

????????linkNode.click();?//模擬在按鈕上的一次鼠標(biāo)單擊

????????URL.revokeObjectURL(linkNode.href);?//?釋放URL?對(duì)象

????????document.body.removeChild(linkNode);

??????});

思路及部分代碼來(lái)源暫時(shí)找不到了,侵刪~~

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容