无法使用nodeJS在html中设置Image src

时间:2015-04-09 11:03:59

标签: javascript html node.js socket.io

我是nodeJS的新手,我无法在客户端html中设置img标签的src。 因为我的节点服务器在端口3000上运行。当我点击http:// localhost:3000,

时工作正常

下面是我的 server.js 文件的代码

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

var http = require('http').Server(app);
var io = require('socket.io')(http);

app.get('/', function (req, res) {
    res.sendFile('/var/www/UI-Test/client.html');
});

io.on('connection', function (socket) {
    console.log('user joined ');

});

http.listen(3000, function () {
    console.log('listening on *:3000');
});

client.html 的代码如下所示

<html>
<body>
<img src="f1.png" /> <!-- also tried "./f1.png" -->

<script>
var socket = io();
</script>
</body>
</html>

即使f1.png文件与server.js和client.html位于同一文件夹中,也会出现404(Not Found)错误。顺便说一下,我的操作系统是ubuntu。

提前致谢

1 个答案:

答案 0 :(得分:4)

// At the top of your server.js
process.env.PWD = process.cwd()

// Then
app.use(express.static(process.env.PWD + '/public'));

并将您的图片存储在/public/f1.png 在html部分调用中

<img src="/f1.png" />