2013-03-13 47 views
7

在我的應用程序即時通訊使用快遞框架來服務客戶端文件。但同時爲html元素提供背景圖片。它顯示無法加載給定的網址。如何在node.js中使用express框架來提供圖像文件?

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); 

在公用文件夾我創建JavaScript的,樣式表,圖片folder.Now我得到JavaScript和stylesheets.But我不知道如何訪問圖像文件。

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

回答

19

如果你的文件目錄就像

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

那麼你的公共訪問開始於/public目錄。這意味着爲了訪問圖像,地址將是localhost:8080/images/logo.jpg

總之,你有兩個問題。

  1. 在網址
  2. 你錯過了,包括在地址
+0

感謝您的post.Its現在工作正常。 – sachin 2013-03-13 07:19:43

+0

沒問題;很高興聽到。 – 2013-03-13 07:34:40

+0

如果圖像位於私人文件夾中,該怎麼辦? – Lion789 2013-12-20 06:54:32

3

您還偵聽端口8000 image目錄使用正斜槓(/),而不是一個反斜槓(\),但您引用的圖像有端口8080.

相關問題