How to serve the image files using express framework in node.js?

Question

In my application im using express framework to serve the client side files.But while giving background image for the html element.Its showing failed to load given url.

var express = require('express')
    , http  = require('http');

var app = express();
app.configure(function(){
    app.use(express.static(__dirname + '/public'));
});
var server = http.createServer(app);
var io = require('socket.io').listen(server);
server.listen(8000);

In public folder i have created javascripts,stylesheets,images folder.Now i'm getting javascripts and stylesheets.But i don't know how to access the image file.

.logo {
    background:url('localhost:8080\logo.jpg');//This image url not loading
    float:left;
    width:20px
    height:20px;
}

Nick Mitchinson · Accepted Answer · 2013-03-13 07:12:42Z

22

If your file directory is like

/public
    /stylesheets
    /javascripts
    /images
        /logo.jpg

then your public access begins at the /public directory. This means that in order to access the image, the address would be localhost:8080/images/logo.jpg.

In summary, you had two problems.

Use a forward slash (/), not a backslash (\) in your URLs
You missed including the image directory in the address

answered Mar 13, 2013 at 7:12

Nick Mitchinson

5,4801 gold badge27 silver badges31 bronze badges

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

2 Comments

Lion789 Over a year ago

What if the image is in a private folder?

Nick Mitchinson Over a year ago

While I'm not entirely sure what you mean by private, I am going to assume you mean 'only owner has read access'. In this case you will have to give read access to whichever user is running the node process. You could likely make a new group, add the node user to the group, change the file group owner to the new group, and then give the directory group read access.

Shane N · Accepted Answer · 2013-07-22 17:32:26Z

4

You are also listening on port 8000, but the image you are referencing has port 8080.

answered Jul 22, 2013 at 17:32

Shane N

6091 gold badge5 silver badges14 bronze badges

Collectives™ on Stack Overflow

How to serve the image files using express framework in node.js?

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related