后端服务返回
1681802757344.png
接口调用后
.then(res => {
// 从response的headers中获取filename, 后端response.setHeader("Content-disposition", "attachment; filename=xxxx.docx") 设置的文件名;
let patt = /=utf-8''(\S*)/
let contentDisposition = decodeURI(res.headers['content-disposition'])
let result = contentDisposition.match(patt)
let fileName = result[1]
console.log('fileName=', fileName)
this.exportFile(res.blob, fileName)
})
exportFile (data, name) {
let blob = new Blob([data])
let reader = new FileReader()
reader.readAsDataURL(blob) // onload当读取操作成功完成时调用
reader.onload = (e) => {
let aElement = document.createElement('a')
aElement.setAttribute('download', name)
aElement.href = e.target.result // 赋予文件下载地址
document.body.appendChild(aElement) // a标签插至页面中
aElement.click()
document.body.removeChild(aElement)
}
},
