How to send image to client using Express/Node.js?

Question

I am writing a simple Express API integrating with Google Places API, and trying to send the place photo down to the client, but can't get it to work. The response from the Google Places API looks something like this:

The response object also contains a headers property. I've tried sending the image back like this:

 router.get('/photo/:photoRef', function (req, res) {

  var params = {
    maxwidth: 400,
    photoreference: req.params.photoRef,
    key: key
  };

  var url = baseUrl + 'photo?' + querystring.stringify(params);

  request(url, function (error, response, body) {
    if (!error && response.statusCode == 200) {
      res.type(response.headers['content-type']);
      res.send(response.body);
    }
  });

});

but that doesn't seem to work. I get the following image:

Any help would be greatly appreciated.

Answer 1

Set the response type to image/png.

res.set({'Content-Type': 'image/png'});

To save this data as an image in your client app refer here