文件流下载
后端返回文件流形式,前端下载
// res 为请求返回的数据对象const file_data = res.data // 后端返回的文件流const blob = new Blob([file_data])
const href = window.URL.createObjectURL(blob) // 创建下载的链接
const file_name = decodeURI(res.headers['content-disposition'].replace('attachment;filename=', ''))
console.log(file_name) // 从请求头获取文件名
const downloadElement = document.createElement('a')
downloadElement.style.display = 'none'
downloadElement.href = href
downloadElement.download = file_name // 下载后文件名
document.body.appendChild(downloadElement)
downloadElement.click()
document.body.removeChild(downloadElement) // 下载完成移除元素
window.URL.revokeObjectURL(href) // 释放掉blob对象
base64格式下载
后端返回base64格式,前端下载
// res 后端返回的文件base64const link = document.createElement('a')
link.href = 'data:application/octet-stream;base64,' + res
link.download = '下载的文件名'
link.click()