前端利用fetch实现下载文件到本地
前端利用浏览器自带fetch实现下载文件到本地
·
downloadFile() {
let url = '' //具体的文件地址
let name = url.split('?')[0].split('/')
let filename = name[name.length - 1];
fetch(url, {
headers: new Headers({
Origin: location.origin,
}),
mode: 'cors',
})
.then(res => res.blob())
.then(blob => {
const blobUrl = window.URL.createObjectURL(blob)
this.download(blobUrl, filename)
window.URL.revokeObjectURL(blobUrl)
})
},
download(href, filename) {
const a = document.createElement('a')
a.download = filename
a.href = href
a.target="_blank"
document.body.appendChild(a)
a.click()
a.remove()
},
更多推荐
已为社区贡献3条内容
所有评论(0)