Angular (1.5) handle JSON errors from $http called with responseType blob

Question

I ran into an issue with $http called with responseType: blob. I would like to handle errors response in JSON but I get blob data instead even if I set the response's content-type as 'application/json' on the server.

$http.post(url, data, {responseType: 'blob'})
  .then(function(response) {
    // download the file  (works fine)
  })
  .catch(function(error) {
    // handle JSON response error
  });

Is there any way to do that without trying to convert error data to object?

.then() function can be used in a more efficient manner... .then(function(response){},function(error){ console.log(error);}); In the console.log() you will get it in the manner you want it to. and then you can handle it. — Tirthraj Barot
– Tirthraj Barot, Commented Jun 16, 2016 at 9:03
Thanks but the convention on my project is to use then().catch() instead of then(onSuccess, onError). Unfortunately it doesn't change the fact that the data in the onError callback remains blob type. — Samuel Martineau
– Samuel Martineau, Commented Jun 16, 2016 at 9:24
can you try $http({method: 'GET', url: Restangular.one('attachments', idAtt).getRestangularUrl(), headers: {'X-Auth-Token': token}, responseType: 'blob'}).then(function(response) { var url = (window.URL || window.webkitURL).createObjectURL(response.data); window.open(url); }); — Tirthraj Barot
– Tirthraj Barot, Commented Jun 16, 2016 at 9:27

Aleksey L. · Accepted Answer · 2016-06-16 10:49:50Z

1

You can't have different content types for success and error cases, but you can manage conversion in single place. Write responseError interceptor where you can check if error.data is instanceof Blob and convert it to JSON

answered Jun 16, 2016 at 10:49

Aleksey L.

38.4k11 gold badges86 silver badges90 bronze badges

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

1 Comment

Samuel Martineau Over a year ago

Hi Aleskey, I've already fixed it with an interceptor and readAsText method of FileReader but I was wondering if there's a more elegant way to do that.

Collectives™ on Stack Overflow

Angular (1.5) handle JSON errors from $http called with responseType blob

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related