django HTML:图像未显示

gjmwrych  于 2023-05-30  发布在  Go
关注(0)|答案(1)|浏览(180)

我在用Django。我在以下项目文件夹中有一个.html文件main.html

/home/bugs/django_projects/mysite/home/templates/home/main.html

在同一个文件夹中,我有一个图像Bugs.jpg。例如

/home/bugs/django_projects/mysite/home/templates/home/Bugs.jpg

我正在尝试通过以下方式将图像包含在网页中:<img src="Bugs.jpg">,但图像不显示。我试过调试通过:https://sebhastian.com/html-image-not-showing/,但我似乎引用了文件的正确位置。main.html的完整代码如下。

<!DOCTYPE html>
<html lang="en">
<head>
  <title>B. Rabbit</title>
  <meta charset="UTF-8">
</head>
<body>

    <h3>Applications</h3>

    <ul>
        <li><p><a href="/polls">A Polls Application.</a></p></li>
        <li><p><a href="/hello">Hello World Application.</a></p></li>
    </ul>

    <img src="Bugs.jpg">

</body>
</html>

任何想法为什么图像不显示在所有?

编辑

针对以下问题提供补充资料:

nafvub8i

nafvub8i1#

根据你的项目路径,我猜你正在做一个django项目。在django中,加载静态文件有点不同。您应该在项目的根目录下创建一个static文件夹,并将图像放在那里。然后在www.example.com中添加文件夹settings.py,然后您可以在html中加载图像文件,如下所示:在顶部如果你html文件

{% load static %}
<html>
    ...

然后像这样加载图像:

<img src="{% static "Bugs.jpg"%}">

阅读文档以了解更多信息:https://docs.djangoproject.com/en/4.2/howto/static-files/

相关问题