How to return image from $http.get in AngularJS

Question

In my controller I call a service that returns a promise

var onComplete = function(data) {
               $scope.myImage = data;           
            };
         


        

Answer 1

By way of https://stackoverflow.com/a/43032560/418819, you can use "blob" as the responseType and very neatly get the data url with a FileReader.

$http.get( url, { responseType: "blob" } ).then((result) => {
  var reader = new FileReader();
  reader.readAsDataURL( result.data );
  reader.onload = function (e) {
    return e.target.result;
  };
});

You can reference it like so: