Djangoテンプレートのユーザーがアップロードしたプロフィール画像（ImageField）にリンクするにはどうすればいいですか？

Question

このモデルのインスタンス私がしている：すべてのプロフィール写真はdjango_project_folder/media/profile_pictures

で人口スクリプトを介してアップロードされている

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') 

私はコンテキスト辞書を経由して、テンプレート内のすべての詳細へのアクセス権を持っているが、私はしないでくださいイメージタグ内に何を入れるかを知っている。

<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属性にアクセスすると、urlプロパティを持つFieldFileオブジェクトが返されます。以下を試してください：

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

さらなる読書：FileField and FieldFile。