img src не находит путь к изображению

Question

Я довольно новичок в Web Dev / Flask, извините, если у меня простой вопрос.

У меня есть изображение с именем logo2.png, и почему-то HTML его не находит. Я даже поместил изображение везде, где думал, что код будет выглядеть, но он все равно возвращает ошибку 404.

Мой код для поиска изображения:

<div class="container">
  <div class="jumbotron text-center">
    <h2>Pando WR NFL Stat Form</h2>
    <img src="/static/PandoLogo2.png" alt="PandoLogo">
    <p>Enter the stats for a wide receiver to see how much they're worth</p>
  </div>
</div>

Каталог файлов выглядит следующим образом: каталог image . route.py создает конечную точку, которая отображает index.html. Приведенный выше код находится внутри index.html. Я попытался поместить указанное изображение в статическую директорию, директорию шаблонов, ту же директорию, что иways.py, и даже в родительскую директорию с microblog.py, которую Flask использует для запуска проекта. Я даже пробовал абсолютный путь безрезультатно

Answer 1

Глядя на структуру вашего файла, ваше изображение называется pandoLogo2.png, отмечая, что src чувствительно к регистру.

Также рекомендуется использовать статическую функцию url_for, чтобы получить URL-адрес для изображения src, в случае, если статическая папка для вашего проекта перемещена:

... src="{{ url_for('static', filename='pandalogo2.png') }}" ...