angular - 在 Angular 5 中加载二进制文件

标签 angular typescript flatbuffers

我正在使用 Angular 5 将 FlatBuffers 响应与我的 API 调用集成在一起。 我正在尝试在 Angular 5 中使用 HttpClient 加载二进制文件。

我试过下面的代码来获取 Uint8Array 中的字节数据。还尝试使用 Blob,但它不起作用。

let apiUrl = "./assets/test.bin";
const headers = {
  headers: new HttpHeaders({responseType: "application/octet-stream"})
};

let data : Observable<Uint8Array> = this.http.get<Uint8Array>(apiUrl, headers);
data.subscribe( (response: Uint8Array) => {
  const data = response;
  // console.log(data); 
  console.log("successful");

  return data;
}, (error : HttpErrorResponse)=> {
  console.log(error.error.text);      
});

Binary file

FBS Generated TS file

最佳答案

尝试这样的事情:

let apiUrl = "./assets/test.bin";
const headers = {responseType: "blob"};

let data : Observable<Blob> = this.http.get<Blob>(apiUrl, headers);
data.subscribe( (response: Blob) => {
  const data = response;
  console.log(data); 
}, (error : HttpErrorResponse)=> {
  console.log(error.error.text);      
});

关于angular - 在 Angular 5 中加载二进制文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50378190/

相关文章:

flatbuffers - FlatBuffers : Compatibility of runtime and compiler

Rust Flatbuffers 索引超出范围错误

c++ - CMake 声明函数对ExternalProject_Add 的依赖

json - 将信息添加到 Angular 中的列表

html - 找不到名称为 : 'email' in angular 的控件

angularjs - 使用 Typescript 在 AngularJS 中注入(inject)工厂

reactjs - 在另一个 TypeScript 组件中引用 React-Redux TypeScript 组件会导致 "no export member"错误

javascript - 如何在特定用户id下存储数据? Angular 火力基地

html - 如何根据 Angular 7中特定行的列值默认选中复选框和选择框

typescript - React Native/Typescript - 错误模块 '"react-native "' has no exported member ' Pressable'.ts(2305)