How to properly serve a dinamic image with Node and Express?

Question

I'm having many problems to achive what I'm trying:

I want to request an image from this URL http://tapas.clarin.com/tapa/1990/02/22/19900222_thumb.jpg and show it in the view but I'm getting this showned in the view instead:

What's the proper way of achieving what I want ?

This is my code:

const app = require('express')();
var http = require('http').Server(app);
var rp = require('request-promise');
const fs = require('fs')


var url = 'http://tapas.clarin.com/tapa/1990/02/22/19900222_thumb.jpg'

app.get('/', (req, res) => {
   rp(url)
  .then(image => res.set('Content-Type', 'image/jpeg').send(image))
  .catch(err => res.send(err));
})

http.listen(3000, () => {
  console.log('listening on localhost:3000');
});

You need to set content type. `res.set('Content-Type', 'image/jpeg').send(image)` — ponury-kostek, Feb 25 '19 at 16:48
Ok, now it's showing like a black screen, not the image I want to serve :( — Nacho Zve De La Torre, Feb 25 '19 at 16:52
this link might help "https://stackoverflow.com/questions/15772394/how-to-upload-display-and-save-images-using-node-js-and-express" — Pallamolla Sai, Feb 25 '19 at 16:59
Not really, I've seen it but that is for a static image and with no promises ! Thanks anyway — Nacho Zve De La Torre, Feb 25 '19 at 17:03
https://stackoverflow.com/questions/36337841/how-to-display-image-from-http-request-to-external-api-with-node-js https://stackoverflow.com/questions/39301227/external-api-calls-with-express-node-js-and-require-module — Pallamolla Sai, Feb 25 '19 at 17:05

Radu Luncasu · Accepted Answer · 2019-02-25T17:32:23.087

You're getting back a string from request-promise, not a buffer.Setting encoding: null, will get you a buffer which you can send back.

const app = require('express')();
var http = require('http').Server(app);
var rp = require('request-promise');


var options = {
    url: 'http://tapas.clarin.com/tapa/1990/02/22/19900222_thumb.jpg',
    encoding: null
}

app.get('/', (req, res) => {
   rp(options)
  .then(image => {
      return res.end(image,'binary');
  })
  .catch(err => res.send(err));
})

http.listen(3000, () => {
  console.log('listening on localhost:3000');
});

How to properly serve a dinamic image with Node and Express?

1 Answers1