如何解决使用filesaver保存后无法打开excelfile
在后端中,我生成一个Excel文件并将其保存在服务器上。很好但是用户必须有机会将excel工作表保存在本地计算机上。这就是为什么我在前端使用FileSaver的原因。
当前端获取字节数组时,它将保存一个文件。但是,当我在Excel中打开此文件时,收到消息,提示格式/扩展名无效。我在做什么错了?
后端:
[HttpGet]
public async Task<IActionResult> GetExcelAsync(){
// do something in service layer
var result = File.ReadAllBytes(excelFile);
return Ok(result);
}
前端:
service.ts
public getExcelSheet(): Observable<any>{
let options = {
headers: new HttpHeaders({
'Content-Type': 'application/json'}),responseType: 'blob' as 'json'};
return this.httpClient.get<any>(this.url,options);
}
component.ts
public getSheet(){
this.service.getExcelSheet().subscribe( response =>{
const blob = new Blob([response],{type: 'application/vnd.ms-excel'});
FileSaver.saveAs(blob,'result.xlsx');})
}
解决方法
我看到您找到了解决方案,但是我将在此处添加两个词,因为它们可能会有所帮助。
在Angular中处理Blob时,您可以通过删除通用的getter来简化一切:
public getExcelSheet() {
return this.httpClient.get(this.url,{ responseType: 'blob' });
}
现在,Angular知道并返回一个Observable<blob>
。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。