image display error using node.js and express.js

Question

Once i open 'localhost:3000' , the image is getting downloaded to my laptop instead of being displayed on the webpage , can anyone please help me out ?

var express= require('express');
var fs = require('fs');
var app= express();

var imgpath= 'C:\Users\Rohit\Downloads\images.jpg';

app.get('/',function(req,res){
  res.send(fs.readFileSync(imgpath));
});

app.listen(3000);
console.log('listening');

You need to pass the image url to a view, so use res.render('<view_file>'); and in that view write <img src = "path"> to display on webpage. — Riken Shah
– Riken Shah, Commented Jun 7, 2016 at 3:46
can you explain why res.send wont work here , in the way it works for strings or json items ? — RohitB97
– RohitB97, Commented Jun 7, 2016 at 3:59

Amit Garg · Accepted Answer · 2016-06-07 04:02:29Z

4

You have to set header.

app.get('/',function(req,res){
  res.set('Content-Type', 'image/jpg');//Added line
  res.send(fs.readFileSync(imgpath));
});

answered Jun 7, 2016 at 4:02

Amit Garg

3,9071 gold badge30 silver badges37 bronze badges

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

6 Comments

RohitB97 Over a year ago

i'm new to all this sir , can you explain why do we have to set header ?

Amit Garg Over a year ago

By default browser expect content-type: text/html. Browser try to identify by extension of url if it is image or pdf. It can not be identified by extension then browser download the file.

RohitB97 Over a year ago

but in the url - .jpg was mentioned , why couldn't it identify it as an image ?

Amit Garg Over a year ago

by setting header img/jpg we recommend browser to handle it as image.

Amit Garg Over a year ago

I have checked localhost:3000/abc.jpg by changing the code that as well downloading the image if we don't pass the header.

|

KibGzr · Accepted Answer · 2016-06-07 05:30:08Z

0

you must set content-type

res.type('jpg').send(fs.readFileSync(imgpath));

answered Jun 7, 2016 at 5:30

KibGzr

2,09316 silver badges16 bronze badges

Collectives™ on Stack Overflow

image display error using node.js and express.js

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related