封装工具类方法中
myDownLoad(url,'自定义文件名') // 调用
//传入url路径以及文件名即可
export function myDownLoad(url,fileName){
getBolb(url).then((blob)=>{
saveAs(blob,fileName)
})
}
function getBolb(url){
return new Promise(resolve=>{
const xhr = new XMLHttpRequest()
xhr.open('GET',url,true)
xhr.responseType = 'blob'
xhr.onload =()=>{
if(xhr.status === 200){
resolve(xhr.response)
}
}
xhr.send()
})
}
function saveAs(blob, filename) {
if (window.navigator.msSaveOrOpenBlob) {
navigator.msSaveBlob(blob, filename)
} else {
const link = document.createElement('a')
const body = document.querySelector('body')
link.href = window.URL.createObjectURL(blob)
link.download = filename
// fix Firefox
link.style.display = 'none'
body.appendChild(link)
link.click()
body.removeChild(link)
window.URL.revokeObjectURL(link.href)
}
}
参考来源 https://blog.csdn.net/weixin_49431999/article/details/125232080