图像未出现在 Web 服务器中

Question

我正在使用 mongo db 开发一个带有 Web 服务器的社交媒体网站。问题是当我尝试使用正确的目录时，图像也不会出现。有什么想法吗？

<div>

    <link rel="stylesheet" href="guide.css">

    <h2>Volunteering and its Benefits</h2>

    <img src="http://localhost:3000/index.html#//volunteeraid/tabs/photos/info.jpg">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>

    <iframe width="560" height="315" src="https://www.youtube.com/embed/DDZNm4KQE9o" frameborder="0" allowfullscreen></iframe>

    <h2>Preparing for and Handling Disasters</h2>


</div>

这是网站一部分的代码

如您所见，位于段落顶部的图像没有出现

我使用节点服务器访问站点 (localhost:3000) 这也是该模块的位置：http://localhost:3000/#//volunteeraid

Answer 1

<img src="http://localhost:3000/">

这应该指向您的图像。不仅仅是域。

<img src="http://localhost:3000/image.jpg" />

类似的东西（你甚至不需要前面的域名）：

<img src="/image.jpg" />

编辑：

<img src="http://localhost:3000/index.html#//volunteeraid/tabs/photos/info.jpg">

同样，如果指向 html 文件，您将无法获得图像。

  <img src="/volunteeraid/tabs/photos/info.jpg">

如上所述，您需要直接指向图像。

编辑2：

确保您可以提供文件：

var express = require('express');
var app = express();
app.use(express.static(__dirname + '/public'));
app.listen(8080);

Answer 2

可以添加图片的名称吗？

<img src="http://localhost:3000/IMAGE.jpg">

或者更好的只是相对路径

<img src="IMAGE.jpg">

更新

更新后，您发布了带有图片的src。它应该看起来像这样

<img src="/photos/info.jpg">