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

Jak*_*ner 2 html javascript 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');
});
Run Code Online (Sandbox Code Playgroud)

下面也给出了client.html的代码

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

<script>
var socket = io();
</script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

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

提前致谢

hus*_*sam 5

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

// Then
app.use(express.static(process.env.PWD + '/public'));
Run Code Online (Sandbox Code Playgroud)

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

<img src="/f1.png" />
Run Code Online (Sandbox Code Playgroud)

  • var express = require('express'); var app = express(); (2认同)