<div @click="exportLpb" ></div>
exportFile(){
let baseUrl = 'http://localhost:8085/#/buildingManage'
let loading = this.$globalLoading() ; //自己項目封裝,根據(jù)個人情況使用
let fileName = ''
fetch(baseUrl , {
method: 'GET',
headers: {
'Content-Type': 'application/octet-stream'
}
}).then(response =>{
fileName = response.headers.get('Content-Disposition')
return response.blob()
}) // 將響應(yīng)轉(zhuǎn)換為 Blob
.then(blob => {
loading.close()
// 創(chuàng)建一個指向 Blob 的 URL
const url = window.URL.createObjectURL(blob)
const a = document.createElement('a')
a.style.display = 'none'
a.href = url
// 設(shè)置下載文件名
a.download = decodeURIComponent(fileName.substring(fileName.indexOf('filename=') + 'filename='.length)); // 可根據(jù)實際情況設(shè)置文件名
// 觸發(fā)下載
document.body.appendChild(a)
a.click()
// 清理 URL 和 DOM
window.URL.revokeObjectURL(url)
document.body.removeChild(a)
})
.catch(error => {
loading.close();
console.error('文件下載失敗:', error)
})
},
導(dǎo)出文件
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
推薦閱讀更多精彩內(nèi)容
- 1、下載插件 2、樣式 3、自定義 scripts/global.js 文件 參考 https://blog.cs...
- 新建文件夾 %sysexec md "G:\EC\KIE&month" & exit;/*************...
- Vue前端導(dǎo)出文件: 后端傳回前端的是文件流 前端上傳文件 效果圖: 所用到的部分參數(shù): http-request...
- 需求:后端文件以二進制流的形式返回給前端, 前端需要讀取流文件實現(xiàn)文件下載。 場景:下載成功,文件亂碼。 原因:與...
- 當(dāng)我們開發(fā)安卓項目的時候,有時候會用到sql數(shù)據(jù)庫.我們在項目中創(chuàng)建表,有時候要查看.db文件,需要在DDMS中導(dǎo)...