如何使用node.js中的express框架提供图像文件?

时间:2013-03-13 07:08:54

标签: javascript css node.js express

在我的应用程序中我使用快速框架来提供客户端文件。但是为html元素提供背景图像。它显示无法加载给定的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);

在公共文件夹中,我创建了javascripts,样式表,图像文件夹。现在我收到了javascripts和样式表。但我不知道如何访问图像文件。

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

2 个答案:

答案 0 :(得分:20)

如果你的文件目录是

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

然后您的公共访问从/public目录开始。这意味着,为了访问图像,地址将为localhost:8080/images/logo.jpg

总之,你有两个问题。

  1. 在您的网址中使用正斜杠(/),而不是反斜杠(\
  2. 您错过了地址
  3. 中的image目录

答案 1 :(得分:3)

您正在侦听端口8000,但您引用的图像具有端口8080。