使用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>。