如何在Django模板中链接到用户上传的个人资料图片（ImageField）？

Question

我有这个模型的实例：

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配置，我已经知道如何链接静态文件。

Answer 1

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

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

进一步阅读：FileField and FieldFile。