av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

Javascript前端下載后臺傳來的文件流代碼實例

瀏覽:58日期:2023-10-18 08:13:32

前臺請求數據:

url: ’/app/downloadApp’, method: ’get’, responseType: ’blob’, params: data

設置接收參數格式為responseType: ‘blob’,

downloadFile(res, fileName) { if (!res) { return } if (window.navigator.msSaveBlob) { // IE以及IE內核的瀏覽器 try { window.navigator.msSaveBlob(res, fileName) // res為接口返回數據,這里請求的時候已經處理了,如果沒處理需要在此之前自行處理var data = new Blob([res.data]) 注意這里需要是數組形式的,fileName就是下載之后的文件名 // window.navigator.msSaveOrOpenBlob(res, fileName); //此方法類似上面的方法,區別可自行百度 } catch (e) { console.log(e) } } else { let url = window.URL.createObjectURL(new Blob([res])) let link = document.createElement(’a’) link.style.display = ’none’ link.href = url link.setAttribute(’download’, fileName)// 文件名 document.body.appendChild(link) link.click() document.body.removeChild(link) // 下載完成移除元素 window.URL.revokeObjectURL(url) // 釋放掉blob對象 } }, download(){ var data = { appId:this.appId } downloadAppAjax(data).then(res => { const filename = decodeURI(res.headers[’content-disposition’].split(’;’)[1].split(’=’)[1]); console.log(filename) this.downloadFile(res.data,filename) }) }

這里的downloadAppAjax調用后臺接口,請求數據,獲取后臺返回的數據沒有文件名,最后發現在header Content-Disposition屬性里 attachment;filename=app.jpg

所以我們要實現下載自動重命名就需要拿出filename,這里我們使用decodeURI對Content-Disposition屬性值進行解碼,拿到filename:

decodeURI(res.headers[’content-disposition’].split(’;’)[1].split(’=’)[1]);

拿到文件流和文件名后 接收文件流并創建地址

let url =window.URL.createObjectURL(new Blob([res]))

接著利用a標簽進行下載即可。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 国产精品视频一区二区三区不卡 | 九色国产 | 国产高清不卡 | 精品一区二区视频 | 成人精品一区二区三区中文字幕 | 日本a∨视频| 国产精品99久久久久久宅男 | 色秀网站| 久久精品a | 欧美日韩亚洲一区 | 亚洲三区在线观看 | 91麻豆精品国产91久久久更新资源速度超快 | 亚洲日日夜夜 | 亚洲国产精品激情在线观看 | 精品欧美一区二区三区精品久久 | 国产区在线免费观看 | 亚洲精品在线免费观看视频 | 欧美激情免费在线 | 亚洲人成人一区二区在线观看 | 欧美人妖网站 | 青娱乐自拍 | 亚洲精品乱码久久久久久久久 | www.日韩| 中国黄色在线视频 | 黄色网址在线播放 | 国产一级免费在线观看 | 中文字幕a√ | 国产精品99久久久久久宅男 | 九九热精品视频 | 中文字幕成人 | 欧美精品在线播放 | 国产高清免费 | 91在线色视频 | 久草综合在线 | 九九视频在线观看 | 日韩中文字幕在线观看 | 91亚洲国产成人精品一区二三 | 日韩欧美三级 | 日韩中文一区二区三区 | 国产丝袜一区二区三区免费视频 | 日韩精品一区二区三区在线播放 |