HTML изображение не загружается

Question

Я создаю небольшой сайт для университета.Я совершенно новичок в веб-разработке и получил проблему, на которую не могу найти ответ.Я уже некоторое время искал похожие темы, но не могу найти решение.

Важно отметить, что я захожу на этот сайт, например, с localhost: 8080 / index.Так что сайт не "онлайн".Чтобы запустить сайт, я должен зайти в папку и запустить cmd -> npm. Мы также используем Handlebars (если это как-то важно), так что почти каждый файл имеет вид .hbs

Моя проблема

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

просто не работает.Он отображает только альт "индекс" на странице.Когда я использую глобальный URL-адрес (например, из Википедии), он показывает мне изображение.Но не тогда, когда я использую «собственные» изображения.Я пробовал разные картинки, разные имена, разные места для картинки, но она не загружается.

Когда я использую инспектор в Firefox или Chrome, он говорит мне, что img не загружается (это перевод с Германии, я не знаю, что он говорит по-английски)

impressionum.hbs и картинкавнутри одной и той же папки я копировал изображение в каждую папку, но, тем не менее, оно не загружается.

Answer 1

Решение было "внутренней" проблемой.Университет дает нам основу, и вы можете получить доступ к изображениям только тогда, когда они сохранены в одной специальной папке.Так что это решено.Тем не менее, я не понимаю, почему они не сообщают нам эту информацию напрямую ...

Answer 2

Вы также можете перепроверить, что рис .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