从模板引用图像

Question

我想在我的模板中插入图片。图像与模板位于同一文件夹中。

我试过了：

<img src = "imageName.png" />

但出于某种原因，这不起作用。

有谁知道为什么会这样？

Answer 1

请勿将图像放在与模板相同的文件夹中。图像是静态内容的一部分。你应该阅读django中的managing static files。

希望有所帮助。

Answer 2

我猜你是整个django场景的新手，所以不要害怕在途中遇到一些巨石。事实上，这也是我遇到的一个问题，因为我通常把所有东西都放在一个带有index.php文件的网络服务器上（是的，恐怖），而且一切都只是相对的。

所以，让我给你一些上下文，你试图嵌入页面的内容称为静态文件。这基本上意味着一个不会改变的文件，一个不是动态的文件。现在，由于这些静态文件不需要处理，因此会对它们进行特殊处理，并放在 static 文件夹中。检查主settings.py文件时，您可以看到静态文件夹的位置。

现在，人们常常使用静态文件犯很多错误，因为有很多变量在它们前面有STATIC。我知道，这完全违反直觉，但有理由说明他们在那里。 So, let me direct you to something that can be a little help in understanding this whole fiasco

使用静态文件时，通常使用一些特殊标记。您可以了解有关他们的更多信息here。但是，我只会向您展示如何将图像嵌入到HTML中，就像样本一样。

{% load staticfiles %}
<img src="{% static "images/myphoto.png" %}"/>

那么，您的目录应该如何？那么，你会有这样的东西

STATIC_FILES_FOLDER > IMAGES > myphoto.png

希望有所帮助。