angular中下载接口返回文件
目录
angular中下载接口返回文件
一、 URL.createObjectURL()
createObjectURL属于js的原生方法，位于window.URL上，用于将Blob或者File文件转换为可以临时的URL地址进行显示
注意：Angular 的
HttpClient
默认将响应解析为 JSON 对象16。若实际返回的是二进制数据（如 Excel 文件、图片等），解析过程会因格式不匹配抛出错误（如
Unexpected token
或
[object Object]
//首先调接口，subscribe接收一个可观察对象，
//有三个可选函数，next为成功时的函数，此时返回的二进制文件，
//包含size和type两个属性，使用createObjectURL将二进制文件转换为url地址，
//再创建a标签，实现自动下载返回的文件，最后需要释放创建的地址（生成的 URL 会占用内存，需手动释放以避免泄漏）
//error为出错时所调函数
this.service.importExcel(formData).subscribe({
next: (blob: Blob) => {
console.log(blob);
if (blob.size > 0 && blob.type.startsWith('application/')) {
const url = window.URL.createObjectURL(blob);
const link = document.createElement('a');
link.href = url;
link.download = '导入人员信息.xlsx'; // 自定义文件名
link.click();
window.URL.revokeObjectURL(url); // 释放内存
}
},
error: (error: any) => {
this.message.warning('文件异常');
},
});
//需要将接口的响应数据改为Blob二进制文件，使用responseType修改响应数据类型为Blob
importExcel(params) {
const url = 'api/xxx';
return this.http.post(url, params, {
responseType: 'blob',//有时候会报错则使用'blob' as 'json'
});
}