title: Angular: image won't display once retrieved
body: <p>I'm using angular to make a <code>http.get</code> request to retrieve an image I have stored on the backend. Problem is once I get it, I don't know how to display it. Here's my code:</p>
  
  <p>Node:</p>
  
  <pre><code>getImage = function(req, res){
      res.setHeader('Content-Type', req.query.mimetype)
      fs.createReadStream(path.join('./uploads/', req.query.filename)).pipe(res)
  }
  </code></pre>
  
  <p>Angular </p>
  
  <pre><code>$http.get("/getImage/", {params: {"filename" : $scope.recipe.image.filename, "mimetype" : $scope.recipe.image.mimetype}})
  .then(function(returnData){
      $scope.image = returnData.data;
  })
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;img ng-src="{{image}}"&gt;
  </code></pre>
  
  <p>I've used <code>console.log</code> to attempt to display what is coming back, and this is what I get:</p>
  
  <p><a href="https://i.stack.imgur.com/iYkye.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iYkye.png" alt="enter image description here"></a></p>
  
  <p>I'm guessing that's the image, but again, I don't know how to properly display it. Any tips?</p>