get headers from get Http request in Angular

Question

I'm making a call to an API that gets blob data.

back end sends to me also file name in header.

My actual problem is that I can't get header from the api.

Here's my service.ts

public openFile(path) {
  let url='/download/';
  let pathFile= new HttpParams().set('pathFile', path);
  return this.httpClient.get(url,{params:pathFile, responseType: 'blob' });

and in component.ts I call the service. when I try to print the res.headers I get undefined in console.

openFile(path){
  this.creditPoliciesService.openFile(path).toPromise().then (data => {
    console.log("dataaaaaa",data.headers); // undefined
    var blob = new Blob([data], {type: 'application/pdf'}); 
    if (window.navigator && window.navigator.msSaveOrOpenBlob) {
      window.navigator.msSaveOrOpenBlob(blob);
    }
    else {
      var fileURL = URL.createObjectURL(blob); 
      window.open(fileURL);
    }
  });
}

In the dev tool admin I get informations in response header but I'm not able to find them in the response variable.

possible duplicate of stackoverflow.com/questions/10548990/… — Luca Taccagni
– Luca Taccagni, Commented May 2, 2018 at 13:00

Fateh Mohamed · Accepted Answer · 2022-03-09 10:01:09Z

9

pass observe key with value of ‘response’ to get the complete response

getData() {
 this.http.get(this.url, { observe: 'response' }).subscribe(res => {
   this.headerProperty = res.headers.get('property name here');
 });
}

edited Mar 9, 2022 at 10:01

answered May 2, 2018 at 13:02

Fateh Mohamed

21.5k5 gold badges46 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

infodev Over a year ago

Should I import some modules ?

infodev Over a year ago

I added { observe: 'response' } to my request , but I don't get all the header response items that I see in the browser devtool

infodev Over a year ago

I have resolved my problem by getting the information from the front end ( instead of the http request ) . but I have found this on github it may help further person github.com/angular/angular/issues/13226

Collectives™ on Stack Overflow

get headers from get Http request in Angular

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related