我刚刚开始建立这个网站。代码和文件目录结构再简单不过了。图像源 (kakao_account_...) 与模板文件 (index.html) 位于同一目录 (templates) 中。
索引.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建议使用 Cyberduck,但它一直给我一个错误,我什至不知道这是否适用于本地服务器。如果有帮助,至少将图像文件设置为我计算机中的每个人都可以读取。
最佳答案
事实证明,这是一个来自背面的问题。
我直接打开 index.html 没有 flask ,图像显示正确。看来我必须创建一个名为 static
的文件夹并将图像放在那里。
<!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/