HTML图片无法加载

Question

我正在为大学创建一个小型网站。我是网络开发中的新手，遇到了一个问题，我无法找到答案。我现在正在寻找类似的话题，但是我无法解决问题。

重要的是要注意，我使用localhost：8080 / index访问此网站。所以该网站不是“在线”。要启动该网站，我必须进入文件夹和cmd - ＆gt; npm开始 我们也使用Handlebars（如果这有点重要），所以几乎每个文件都是.hbs

我的问题是

<img src="index.jpg" alt="index">

只是不起作用。它只在页面上显示alt“索引”。当我使用全局img url（比如维基百科）时，它会向我显示图像。但不是当我使用“自己的”图像时。我正在尝试不同的图片，不同的名字，图片的不同位置，但它不会加载。

当我在Firefox或Chrome中使用检查器时，它告诉我img不加载（这是从德国翻译的，我不知道它用英语说什么）

impressum.hbs和图片都在同一个文件夹中 我正在将图片复制到每个文件夹中，但仍然不会加载。

Answer 1

你也可以再次检查pic是.jpg而不是.jpeg，有时会发生。 那么你的index.html和你的图片在同一个文件夹中？

<img src="picture.jpg"> picture.jpg is located in the same folder as the current page
    <img src="images/picture.jpg">  picture.jpg is located in the images folder in the current folder
    <img src="/images/picture.jpg"> picture.jpg is located in the images folder at the root of the current web
    <img src="../picture.jpg">  picture.jpg is located in the folder one level up from the current folder

Answer 2

解决方案是一个“内部”问题。大学为我们提供了一个框架，不知何故，只有在将图片保存在1个特殊文件夹中时才能访问它们。所以它解决了。我仍然不明白为什么他们不直接告诉我们这些信息...