蟒 - Django的顯示上傳的多個圖像與外鍵

Question

我有例如郵政與ID 後我上傳一個或多個圖像被顯示在分貝爲：

1. ID（例如：1 ，2,3）
2. 鏈接直接圖像（例如：我的圖像/ image.png）
3. foreing_id（那是ID張貼即）

但是我不知道如何顯示在模板中爲這個職位的圖像（和其他人當然）

我的模型：

class Post(models.Model): 
    title = models.CharField(max_length=20000) 
    date = models.DateTimeField(editable=True, null=True) 
    text = models.TextField(max_length=50000) 
    is_super = models.IntegerField(default=0) 

class Image(models.Model): 
    foreing = models.ForeignKey(Post) 
    image = models.ImageField(null=True, blank=True, upload_to='my-images') 

視圖，其中i上傳和顯示所有帖子（在這裏，我展示） ：

class IndexView(generic.ListView): 
    paginate_by = 4 
    template_name = 'home/index.html' 
    context_object_name = 'all_posts' 

    def get_queryset(self): 
     query = self.request.GET.get('q') 
     if query: 
      posts = Post.objects.filter(
       Q(text__icontains=query.capitalize()) | 
       Q(title__icontains=query.capitalize()) | 
       Q(text__icontains=query.lower()) | 
       Q(title__icontains=query.lower()) 
      ).distinct() 
      return posts 
     else: 
      return Post.objects.filter(date__lte=timezone.now()).order_by('-date') 

有我創建了一個新的職位：

def post_new(request): 
    ImageFormSet = modelformset_factory(Image, form=ImageForm, extra=3) 
    if request.method == "POST": 
     form = PostForm(request.POST, request.FILES or None) 
     formset = ImageFormSet(request.POST, request.FILES, queryset=Image.objects.none()) 
     if form.is_valid() and formset.is_valid(): 
      post = form.save(commit=False) 
      post.date = timezone.now() 
      post.save() 
      for form in formset.cleaned_data: 
       image = form['image'] 
       photo = Image(foreing_id=post.id, image=image) 
       photo.save() 
      return render(request, 'home/page.html') 
     else: 
      form = PostForm() 
     return render(request, 'home/edit_post.html', 
        {'form': form, 'error_message': 'something error message'}) 
    else: 
     form = PostForm() 
     formset = ImageFormSet(queryset=Image.objects.none()) 
    return render(request, 'home/edit_post.html', {'form': form, 'formset': formset}) 

這裏我需要顯示IMA這一切的帖子GES：

這裏是一個圖像顯示

 <div class="profile-img-container" style="text-align: center"> 
      <img class="img" src="images"> 
      <a target="_blank" title="****." href="URL to the uploaded image"><span class="fa fa-expand fa-5x" style="color: darkcyan" aria-hidden="true"></span></a> 

充分的index.html如果需要：

<div class="content"> 
{% for post in all_posts %} 
    <div class="thumbnail"> 
     <p style="text-align: center">{{ post.title }}</p> 
      <p class="text" style="text-align: center; height: 40px; overflow: hidden">{{ post.text }}</p> 
       <p><a type="button" class="btn btn-primary" href="{% url 'klass:detail' post.id %}">More...</a></p> 
      <div class="profile-img-container" style="text-align: center"> 
       <img class="img" src="/media/**display images**" style="height: 150px"> 
       <a target="_blank" title="****." href="**url to images**"><span class="fa fa-expand fa-5x" style="color: darkcyan" aria-hidden="true"></span></a> 
      </div> 
      {% if user.is_authenticated %} 
       <form method="post" style="text-align: right"> 
       <p> 
        {% csrf_token %} 
        <a methods="post" role="button" class="btn btn-info" href="{% url 'klass:favorite' post.id %}"> 
         <i class="fa fa-heart" style="color: red" aria-hidden="true"></i>great! {{ post.is_super }} 
        </a> 
       </p> 
       </form> 
       <span style="margin-left: 90px">Published: {{ post.date }}</span> 
      {% else %} 
       <p style="text-align: right">****<br> 
       <a role="button" class="btn btn-info disabled" style="text-align: right"> 
       <i class="fa fa-heart" aria-hidden="true"></i>great!</a> 
       {{ post.date }} 
       </p> 
      {% endif %} 
    </div> 
{% endfor %} 

編輯

網址：

個

from django.conf.urls import url, include 
from django.contrib import admin 
from django.conf import settings 
from django.conf.urls.static import static 

urlpatterns = [ 
    url(r'^admin/', admin.site.urls), 
    url(r'^home_page/', include('home.urls', namespace='home')), 
    url(r'^captcha/', include('captcha.urls')), 
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) 

設置：

STATIC_URL = '/static/' 

STATICFILES_DIRS = [ 
    os.path.join(BASE_DIR, 'home/static'), 
] 

MEDIA_URL = '/media/' 

MEDIA_ROOT = os.path.join(BASE_DIR, 'media') 

另一個網址，在家庭應用：

from django.conf.urls import url 
from . import views 

app_name = 'home' 

urlpatterns = [ 
    ***, 
    url(r'^$', views.IndexView.as_view(), name='index'), 
    url(r'^(?P<post_id>[0-9]+)/$', views.comments, name='detail'), 
    url(r'^(?P<post_id>[0-9]+)/addcomment$', views.addcomment, name='comment'), 
    url(r'^(?P<post_id>[0-9]+)/favorite/$', views.favorite, name='favorite'), 
    url(r'^(?P<pk>[0-9]+)/edit/$', views.post_edit, name='edit'), 
    url(r'^post/new/$', views.post_new, name='post_new'), 
    url(r'^(?P<post_id>[0-9]+)/delete_album/$', views.delete_post, name='delete_post'), 
    ****, 
] 

Answer 1

你應該通過post.image_set.all循環並單獨顯示每個圖像，例如：

{% for image in post.image_set.all %} 
<div class="profile-img-container" style="text-align: center"> 
    <img class="img" src="{{ image.image.url }}" style="height: 150px"> 
    <a target="_blank" href="{{ image.image.url }}"> 
    <span class="fa fa-expand fa-5x" style="color: darkcyan" aria-hidden="true"></span> 
    </a> 
</div> 
{% endfor %} 

一一些附註：

1. 你不應該在你的圖片url中包含/media，因爲它會被Django自動添加。

2. 爲了便於閱讀，建議不要將您的外鍵命名爲foreign（也請檢查拼寫）。考慮重命名它爲小寫使用父模型的名稱（如post），而不是使之成爲post = models.ForeignKey(Post)

3. 引用使用_id外鍵不建議。例如：使用模型本身，例如：photo = Image(post=post, image=image)