将多个文件字段添加到Django Modelform

Question

我想创建一个允许多个图像上传的表单。我有一个listing模型，看起来像这样：

class Listing(models.Model):
    location = models.CharField("Address/Neighborhood", max_length=250)


class ListingImage(models.Model):
    listing = models.ForeignKey(
        Listing,
        related_name="images",
        on_delete=models.SET_NULL,
        null=True,
    )
    image = models.ImageField()

我正在使用 django-crispy-forms 在页面上创建表单，但我无法弄清楚如何将listing字段获取到页面上。

class ListingModelForm(forms.ModelForm):

    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)

        self.helper = FormHelper()
        self.helper.layout = Layout(
            Fieldset(
                "Location",
                Div("location", css_class="col-md-12 col-lg-6")
            )
        )

        class Meta:
            model = Listing
            fields = "__all__"

这是我的观点：

class ListingCreateView(LoginRequiredMixin, CreateView):
    model = Listing
    form_class = ListingModelForm

    def form_valid(self, form):
        form.instance.user = self.request.user
        return super().form_valid(form)

Answer 1

如果我正确理解，您想拥有一个可以添加多个图像的字段，然后保存所有图像。如果我正确，那么这是您可以采用的一种方法。

在您设置的表单上添加一个额外的字段，以接受多个图像...例如：

class ListingModelForm(forms.ModelForm):
     # Extra field to collect multiple images
     listing_images = forms.ImageField(
          required=False,
          widget=forms.ClearableFileInput(attrs={'name': 'listing_images', 'id': 'listing_images', 'multiple': True})
     )

     # other portion of your form below...

您现在可以访问表单中的字段：{{form.listing_images}}}，添加多个图像...

现在在该函数的post request中，您可以处理...您可以做：

if request.method == 'POST':
     form = ListingModelForm(data=request.POST, files=request.FILES)

     if form.is_valid():
          # listing = form.save(commit=False)
          # listing.location = 'blah blah'
          # listing.save()

          # or just use
          listing = form.save()

          # Looping over the list of images and create for each iteration
          for file in request.FILES.getlist('listing_images'):
              ListingImage.objects.create(listing=listing, image=file)

          # Also note that you could override the save method on the form to include the above forloop
          # if you don't want it out here...

假设您的image字段 listingingimage 有一条上传图像的路径，并已配置了您的Media_url和Media_root设置...

更新

在知道您使用<<之前，请发布答案。代码>基于类的视图。

class ListingCreateView(LoginRequiredMixin, CreateView):
     model = Listing
     form_class = ListingModelForm

     def form_valid(self, form):
          # form.instance.user = self.request.user

          listing = form.save()  # Listing must be created first to use as the image reference

          for file in self.request.FILES.getlist('listing_images'):
               ListingImage.objects.create(listing=listing, image=file)

          return super(ListingCreateView, self).form_valid(form)
     
     # or using the post method
     def post(self, *args, *kwargs):
          form = ListingModelForm(data=request.POST, files=request.FILES)
          
          if form.is_valid():
               for file in self.request.FILES.getlist('listing_images'):
                    ListingImage.objects.create(listing=listing, image=file)
          
          return redirect('to a path...')
          

因此，您可以只使用上面在基于类的视图上突出显示的方法之一。