将二进制数据从 .net core web api 传输到 typescript 应用程序答案

【问题标题】：Transfer binary data from .net core web api to typescript application将二进制数据从 .net core web api 传输到 typescript 应用程序
【发布时间】：2020-07-17 16:04:33
【问题描述】：

我有 .net core 3.0 web api 应用程序和 angular 8 客户端。到目前为止，我设法使用 json 序列化在它们之间传输一些数据。但我想知道如何将字节数组从 api 传输到客户端。

我发现现代流行的发送二进制文件的方法是使用 IActionResult 而不是 HttpResponseMessage。所以在我的控制器中我有这样的代码

       [HttpGet("Get-octetstream/{id}")]
       public async Task<FileResult> GetAsOctetStream(int id)
       {
           var bytes= await GetData(id);
           var stream = new MemoryStream(bytes);
           return File(stream, "application/octet-stream", $"{id}.bin");
       }

它工作正常，所以如果我直接在浏览器中发出通信请求，我会立即将我的数据保存在文件中。而且数据是正确的。

但是当我尝试从 Angular 应用程序请求这些数据时：

    async getOctetStreamFromServer(id: number) {
    const url =
      Utils.GetWebApiUrl() + `/misc/Get-octetstream/${id}`;
    const currentUser = JSON.parse(sessionStorage.currentUser);

    const myHttpOptions = {
      headers: {
        Authorization: "Bearer " + currentUser.jsonWebToken,
        ResponseType: "blob",
      },
    };

    const response = await this.httpClient.get(url, myHttpOptions).toPromise();
    return response;
  }

我收到一个错误：

ERROR Error: Uncaught (in promise): HttpErrorResponse: {"headers":{"normalizedNames":
{},"lazyUpdate":null},"status":200,"statusText":"OK","url":"http://localhost:11080/misc/
Get-octetstream/16588","ok":false,"name":"HttpErrorResponse","message":"Http failure during 
parsing for http://localhost:11080/misc/Get-vxsor-octetstream/16588","error":{"error":
{},"text":"\u0011\u0...

那么，有人可以提供一些 typescript 代码来从 .net core web api 服务中获取二进制数据吗？

【问题讨论】：

我的猜测是您需要将响应类型或Content-Type设置为application/octet-stream
@Automatico，这是我的第一选择，而不是我读过的关于 blob 的内容。但无论如何，两者都不起作用。

标签： angular typescript asp.net-core-2.0 binary-data

【解决方案1】：

请更新您的选项：

const myHttpOptions = {
    headers: {
        Authorization: "Bearer " + currentUser.jsonWebToken,
    },
    responseType: 'blob'
};

【讨论】：

是的！这是我的错。真的 ResponseType 不是标题。非常感谢！