Angular HttpClient ResponseTyp Error

Question

I try to download an image(png) from a api. My problem is, that for some reason only json files are accepted by ionic/angular.

return this.http.get(this.authKeys.serverURL, {headers: this.header, responseType: ResponseContentType.Blob});

Following error occurs:

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

For some reason only a response of type json is allowed...

Try this -https://stackoverflow.com/questions/49319272/angular-5-httpclient-observe-and-responsetype-blob — user9871329
– user9871329, Commented Jun 10, 2019 at 7:29

Pankaj Parkar · Accepted Answer · 2018-03-05 20:27:48Z

11

responseType holds string value. So you should be passing either of these values

'arraybuffer' | 'blob' | 'json' | 'text';

In earlier version Angular 2, it API was designed to expect enum value for responseType, check here

answered Mar 5, 2018 at 20:27

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

1 Comment

Drew13 Over a year ago

I'm also getting the same error even when I use one of those four Strings. Any suggestions?

Tomáš Páchnik · Accepted Answer · 2019-08-26 16:51:16Z

7

For me, it worked with " as 'json' " syntax:

responseType: 'blob' as 'json'

edited Aug 26, 2019 at 16:51

answered Aug 26, 2019 at 15:36

Tomáš Páchnik

1151 silver badge8 bronze badges

Collectives™ on Stack Overflow

Angular HttpClient ResponseTyp Error

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related