HTML图像插入Django

Question

我正在努力构建一个django Web应用程序。我正在使用HTML的adobe括号，我正在尝试使用网站上我的文件夹中的图像。括号模拟期间会出现图像，但在django runserver期间不会出现。

这是我的文件夹目录：

mysite-
    Images-
        livestream-
            helloworld.jpg
    templates-
        livestream-
            helloWorld.html

这是该网站的一个非常简化的版本，但您明白了。

我的html代码要求提供图片：

<img src="../../Images/livestream/helloworld.jpg" alt="helloWorld" width="590" height="269">

当我运行django服务器时，它返回：

[18/Jul/2013 09:11:40] "GET /livestream/Images/livestream/helloworld.jpg HTTP/1.1" 404 2605

有谁知道如何解决这个问题？

Answer 1

这与您为项目设置staticfiles app相关设置的方式有关。

您还应该使用static template tag来获取静态媒体。

例如，假设您STATICFILES_DIRS tuple中任何文件路径位置下的结构如下：

{{STATICFILES_ROOT_DIR}}/Images/livestream/helloworld.jpg

您可以使用以下方式获取静态文件：

{% load static from staticfiles %}
{% static "Images/livestream/helloworld.jpg" as myimg %}
<img src="{{ myimg }}" alt="helloworld" />

Answer 2

为什么不在设置中设置{{ STATIC_URL }}，根据docs指向Images文件夹，然后输入

<img src="{{ STATIC_URL }}livestream/helloworld.jpg" alt="helloWorld" width="590" height="269">

这是管理静态文件的标准方法，并且将来也会变得有用