首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在Django模板中包含图像文件?

如何在Django模板中包含图像文件?
EN

Stack Overflow用户
提问于 2009-05-23 13:45:08
回答 8查看 215.1K关注 0票数 85

我是Django的新手,我正在尝试通过一个名为'dubliners‘的简单项目和一个名为'book’的应用来学习它。目录结构如下:

代码语言:javascript
复制
dubliners/book/  [includes models.py, views.py, etc.]
dubliners/templates/book/

我有一个JPG文件,需要显示在每个Web页面的页眉中。我应该将文件存储在哪里?我应该使用哪个路径让标签使用模板来显示它?我尝试了不同的位置和路径,但到目前为止都不起作用。

..。

感谢你在下面张贴的答案。但是,我尝试了图像的相对路径和绝对路径,但仍然在Web页面中显示了一个损坏的图像图标。例如,如果我的主目录中有一个镜像,并且在我的模板中使用了这个标签:

代码语言:javascript
复制
<img src="/home/tony/london.jpg" /> 

图像不显示。但是,如果将Web页面另存为静态HTML文件,则会显示图像,因此路径是正确的。也许Django附带的默认Web服务器仅在图像位于特定路径时才会显示图像?

EN

回答 8

Stack Overflow用户

回答已采纳

发布于 2009-05-23 14:04:01

在生产环境中,您只需将模板生成的HTML指向主机存储媒体文件的位置。因此,您模板将仅具有以下示例

代码语言:javascript
复制
<img src="../media/foo.png">

然后,您只需确保该目录包含相关文件即可。

开发期间是一个不同的问题。django文档简明扼要地解释了它,链接到那里并在这里键入更有效,但基本上您将为站点媒体定义一个视图,其中包含到磁盘上位置的硬编码路径。

对,here

票数 49
EN

Stack Overflow用户

发布于 2009-08-05 20:25:36

尝尝这个,

settings.py

代码语言:javascript
复制
# typically, os.path.join(os.path.dirname(__file__), 'media')
MEDIA_ROOT = '<your_path>/media'
MEDIA_URL = '/media/'

urls.py

代码语言:javascript
复制
urlpatterns = patterns('',
               (r'^media/(?P<path>.*)$', 'django.views.static.serve',
                 {'document_root': settings.MEDIA_ROOT}),
              )

.html

代码语言:javascript
复制
<img src="{{ MEDIA_URL }}<sub-dir-under-media-if-any>/<image-name.ext>" />

注意事项

当心!使用Context()将为{{MEDIA_URL}}生成一个空值。您必须改用RequestContext()

我希望,这会有所帮助。

票数 74
EN

Stack Overflow用户

发布于 2015-05-23 17:58:06

项目根目录下的/media目录

Settings.py

代码语言:javascript
复制
BASE_DIR = os.path.dirname(os.path.dirname(__file__))
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

urls.py

代码语言:javascript
复制
    urlpatterns += patterns('django.views.static',(r'^media/(?P<path>.*)','serve',{'document_root':settings.MEDIA_ROOT}), )

模板

代码语言:javascript
复制
<img src="{{MEDIA_URL}}/image.png" > 
票数 10
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/901551

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档