文件流下载

// axios 接口请求方式
export function xxxxxxxxx(parameter) {
return axios({
url: ‘xxxxxxxxxxx’,
method: ‘get’,
params: parameter,
responseType: ‘blob’, // 这里是重点，敲黑板
})
}
// 文件流下载 res 请求接口获取的文件流
downloadfile(res) {
var blob = new Blob([res.data], {
type: ‘application/octet-stream;charset=UTF-8’
})
var contentDisposition = res.headers[‘content-disposition’] // console.log(contentDisposition);
var patt = new RegExp('filename=([^;]+\.[\.;]+);')
var result = patt.exec(contentDisposition) // console.log(result);
var filename = result[1]
var downloadElement = document.createElement(‘a’)
var href = window.URL.createObjectURL(blob) // 创建下载的链接
var reg = /¹(.)["]$/g
downloadElement.style.display = ‘none’
downloadElement.href = href
downloadElement.download = decodeURI(filename.replace(reg, ‘$1’)) // 下载后文件名
document.body.appendChild(downloadElement)
downloadElement.click() // 点击下载
document.body.removeChild(downloadElement) // 下载完成移除元素
window.URL.revokeObjectURL(href) // console.log(href);
},

---

1. " ↩︎