【导出Excel】Vue实现导出下载Excel文件(blob文件流)--亲测可用
生活随笔
收集整理的這篇文章主要介紹了
【导出Excel】Vue实现导出下载Excel文件(blob文件流)--亲测可用
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
// 下載blob文件流(暫不支持手機H5喚起下載文件!!!)
downloadFile(res: any, fileName: any = '未命名', format: any = '.xlsx') {const blob = new Blob([res]);fileName += format;// for IEif (window.navigator && window.navigator.msSaveOrOpenBlob) {window.navigator.msSaveOrOpenBlob(blob, fileName);} else {// for Non-IE (chrome, firefox etc.)const elink = document.createElement('a');elink.download = fileName, elink.style.display = 'none', elink.href = URL.createObjectURL(blob);document.body.appendChild(elink), elink.click();URL.revokeObjectURL(elink.href), document.body.removeChild(elink);}
}
如果用以上方法下載的文件打開是亂碼,請對ajax請求設(shè)置紅色部分
$.ajax({
? ? url: 'url',
xhrFields: { responseType: "arraybuffer" },
}).done((result) => {
//?? ?result 為arrayBuffer類型
})
如果用的不是ajax,而是axios,那么請設(shè)置:?
axiosData.responseType = 'blob'; //這句話解決導(dǎo)出文件亂碼問題
知識拓展,何為?responseType ?
戳下方鏈接
https://s-z-q.blog.csdn.net/article/details/123647204https://s-z-q.blog.csdn.net/article/details/123647204
總結(jié)
以上是生活随笔為你收集整理的【导出Excel】Vue实现导出下载Excel文件(blob文件流)--亲测可用的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 《你的背包》歪唱
- 下一篇: 解决笔记本集成声卡在某些情况下视频、语音