从模板引用图像

Posted 2023-02-24

【中文标题】从模板引用图像

【英文标题】：Referencing images from template

【发布时间】：2013-08-11 11:06:22

【问题描述】：

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

我试过了：

<img src = "imageName.png" />

但由于某种原因，这行不通。

有人知道为什么会这样吗？

【参考方案1】：

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

希望对您有所帮助。

【讨论】：

感谢您的回答。我不打算将图像与模板放在同一个文件夹中，但为了测试，我尝试过，如果上面的行有效，因为指定图片的相对路径不起作用。

【参考方案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

希望对您有所帮助。