如何在Django模板中链接到用户上传的个人资料图片(ImageField)?

时间:2017-05-14 17:18:09

标签: python django templates django-models

我有这个模型的实例:

class UserProfile(models.Model):
    user = models.OneToOneField(User, related_name='profile', primary_key=True) #Each User is related to only one User Profile
    prof_pic = models.ImageField(blank=True, upload_to='profile_pictures')

所有个人资料照片都是通过django_project_folder/media/profile_pictures

中的人口代码上传的

我可以通过上下文字典访问模板中的所有细节,但我不知道要在图像标记内放什么。

<img src=" what to put here?? " id="second" class="img-circle img-responsive">

我尝试通过像这样的上下文字典链接prof_pic,但它看起来很糟糕:

<img src=" {{ req1.req1.traveler.profile.prof_pic }} " id="second" class="img-circle img-responsive">

我查看了this文档,但不知道如何在模板中链接媒体文件。

我已完成MEDIA_ROOT配置,我已经知道如何链接静态文件。

1 个答案:

答案 0 :(得分:0)

当您访问prof_pic模型实例的UserProfile属性时,会得到一个FieldFile对象,该对象具有url属性。请尝试以下方法:

<img src="{{ req1.req1.traveler.profile.prof_pic.url }}" id="second" class="img-circle img-responsive">

进一步阅读:FileField and FieldFile