a链接下载文件时,会打开新页面
使用a
标签下载文件时,加了download
属性,还是会出现下载的URL
覆盖当前页面,这时就需要改下下载方式,通过异步下载,解决问题
const downloadRes = async (url, name) => {
let response = await fetch(url)
// 内容转变成blob地址
let blob = await response.blob()
// 创建隐藏的可下载链接
let objectUrl = window.URL.createObjectURL(blob)
let a = document.createElement('a')
//地址
a.href = objectUrl
//修改文件名
a.download = name
// 触发点击
document.body.appendChild(a)
a.click()
//移除
setTimeout(() => document.body.removeChild(a), 1000)
}