Question

这似乎是一个经常被问到的问题，但是在此站点上尝试了几种不同的解决方案后，我的问题尚未解决。我正在尝试显示一棵树的图片，但该图片未加载。我的代码在这里：

<html>
<head>
    <title>Test</title>
</head>
<body>
    <img src="Tree.jpg" alt="Tree">
    <h1>Hello World</h1>
    <h2>Hello {{name}}</h2>
</body>
</html>

Tree.jpg与此HTML文件位于同一文件夹中。我无法弄清楚我可能做错了什么，但是我意识到我可能忽略了一个简单的解决方案。

谢谢。

Answer 1

检查图像文件的名称。 “ Tree.jpg”可能没有大写字母T，或者可能是.png文件而不是.jpg文件。 HTML区分大小写，如果有错字，将找不到图片。

Answer 2

因此，在问了一个对Flask有更多经验的朋友之后，我发现我需要创建一个名为“ static”的文件夹和一个名为“ img”的文件夹，然后我对该文件夹进行了引用。在我的模板中。（/static/img/Tree.jpg）

HTML图像无法显示树的图像

2 个答案: