How to request images and output image in Node.js

Question

I try to get the image and display on a url. and I use request module.

For example, I want to get the image https://www.google.com/images/srpr/logo11w.png, and display on my url http://example.com/google/logo.

Or display by <img src="http://example.com/google/logo" />.

And I try to use request and express:

app.get("/google/logo", function(req, res) {
  request.get("https://www.google.com/images/srpr/logo11w.png", 
        function(err, result, body) {
    res.writeHead(200, {"Content-Type": "image/png"});
    res.write(body);
    res.end();
  })
})

but the response is not a image. How to get image and output?

Please give me some suggestion about the question. THANKS.

Nicholas Sizer · Accepted Answer · 2018-02-23 00:39:46Z

30

Try specifying encoding: null when making the request so that the response body is a Buffer that you can directly write to the response stream:

app.get("/google/logo", function(req, res) {
    var requestSettings = {
        url: 'https://www.google.com/images/srpr/logo11w.png',
        method: 'GET',
        encoding: null
    };

    request(requestSettings, function(error, response, body) {
        res.set('Content-Type', 'image/png');
        res.send(body);
    });
});

On the other hand if you do not specify encoding: null, the body parameter will be a String instead of a Buffer.

edited Feb 23, 2018 at 0:39

Nicholas Sizer

3,5413 gold badges30 silver badges31 bronze badges

answered Feb 28, 2015 at 8:07

Darin Dimitrov

1.0m275 gold badges3.3k silver badges3k bronze badges

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

1 Comment

John Xiao Over a year ago

Typo on ` request(requestSettings, function(error, response, body) { res.set('Content-Type', 'image/png'); res.send(body); };` no close bracket.

Safi · Accepted Answer · 2015-02-28 08:14:16Z

0

That seems an overkill, you can just ask the browser the get the url directly like this;

app.get("/google/logo", function(req, res) {
res.writeHead(302, {location:"https://www.google.com/images/srpr/logo11w.png"});
res.end();
})

answered Feb 28, 2015 at 8:14

Safi

1,1327 silver badges9 bronze badges

1 Comment

John Xiao Over a year ago

Getting on the client can not cross domain.

Collectives™ on Stack Overflow

How to request images and output image in Node.js

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related