Изображение теперь отображается, но путь правильный (Flask) - PullRequest
Новая
       6

Изображение теперь отображается, но путь правильный (Flask)

1 голос
/ 20 октября 2019

Я только начал создавать этот сайт. Структура кода и файловой директории не может быть проще. Источники изображений (kakao_account _...) находятся в одном каталоге (шаблоны) с файлом шаблона (index.html).

enter image description here

index. html 

<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
    </head>
<body>
    <img src="kakao_account_login_btn_medium_narrow.png">
</body>
</html>

Размер файла варьируется от 3 до 4 КБ, и я одновременно пробовал jpeg и png. Я получаю 404 http ответа для элемента изображения. Задняя сторона работает с Flask, и я использую мой компьютер в качестве сервера. Я пытаюсь проверить статус разрешения файла, так как В этой статье предлагается использовать Cyberduck, но он продолжает выдавать ошибку, и я даже не знаю, работает ли это на локальном сервере. По крайней мере, файл изображения должен быть доступен для чтения всем на моем компьютере, если это поможет.

Ответы [ 2 ]

1 голос
/ 21 октября 2019

Это оказалось проблемой с обратной стороны. Я открыл index.html напрямую без фляги, и изображение показывается правильно. Похоже, мне пришлось создать файл с именем static и поместить туда изображение.

enter image description here

<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
    </head>
<body>
    <img src="../static/kakao_account_login_btn_medium_narrow.png">
</body>
</html>
0 голосов
/ 20 октября 2019

Попробуйте добавить немного высоты к вашему изображению.

Попробуйте что-то вроде этого: 

img {
  height: 100px;
}
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
</head>

<body>
  <img src="https://www.incimages.com/uploaded_files/image/970x450/getty_152414899_97046097045006_68075.jpg">
</body>

</html>

Надеюсь, что это работает!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...