html - 图像现在显示但路径正确(Flask)

标签 html flask

我刚刚开始建立这个网站。代码和文件目录结构再简单不过了。图像源 (kakao_account_...) 与模板文件 (index.html) 位于同一目录 (templates) 中。
enter image description here
索引.html

<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
    </head>
<body>
    <img src="kakao_account_login_btn_medium_narrow.png">
</body>
</html>
文件大小在 3KB~4KB 之间,我都尝试过 jpeg 和 png。我得到图像元素的 404 http 响应。
背面是用 Flask 运行的,我用我的电脑作为服务器。我正在尝试将文件权限状态检查为 this article建议使用 Cyber​​duck,但它一直给我一个错误,我什至不知道这是否适用于本地服务器。如果有帮助,至少将图像文件设置为我计算机中的每个人都可以读取。

最佳答案

事实证明,这是一个来自背面的问题。
我直接打开 index.html 没有 flask ,图像显示正确。看来我必须创建一个名为 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> 

关于html - 图像现在显示但路径正确(Flask),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58468981/

相关文章:

javascript - php,如何在选中复选框时运行链接?

javascript - 在不在右边的下面开始一个新行

javascript - 从内容可编辑的 div 中移除焦点

python - 如何在 Python 的 Flask 中识别通过 AJAX 发出的请求?

python - python和 Elasticsearch 更新错误

javascript - Flask - 使用 javascript 在等待任务完成时显示加载页面

html - 当 Internet Explorer 窗口最大化时,菜单栏不会停留在同一位置?

Flask 与 Celery 的集成

python - 使用 flask 进行 Bootstrap 选择

html - 选中单选按钮时更改标签和图像不透明度?