将 HTTP responseType 设置为 arraybuffer

Question

我在构建 jhipster 项目时遇到错误，提示我需要更改 get 请求中的参数 responseType。

这是错误：

Argument of type '{ responseType: "arraybuffer"; }' is not assignable to parameter of type '{ headers?: HttpHeaders | { [header: string]: string | string[]; }; observe?: "body"; params?: Ht...'. Types of property 'responseType' are incompatible. Type '"arraybuffer"' is not assignable to type '"json"'. Version: typescript 2.7.2

如您所见，typescript 告诉我将值从 arraybuffer 更改为 json，但我需要将其保留为 arraybuffer，因为我正在处理一个文件，我完全知道 responseType 可以设置为 arraybuffer、blob、json 或 text。

这是代码

showfile(file?: any): Observable<any> {
    return this.http.get<any>(SERVER_API_URL + `leave/api/downloadFile/${file}`, { responseType: 'arraybuffer' });
}

Answer 1

当我需要调用返回文件的端点时，我通常使用 Observable<HttpResponse<Blob>>.

类型

尝试：

showfile(file?: any): Observable<HttpResponse<Blob>> {
    return this.http.get(SERVER_API_URL + `leave/api/downloadFile/${file}`, { responseType: 'blob' });
}

Answer 2

this.http.get<any>

删除任何

将 HTTP responseType 设置为 arraybuffer

Set HTTP responseType as arraybuffer

javascript

arraybuffer

typescript

jhipster