Django中的多个图像上传字段

Question

我是 Django 新手，我正在使用 this tutorial 在我的 Web 应用程序的模型中添加多图像上传字段。到目前为止，我在如何将我的 Photo Model 关联到 HotelCreateView 上的酒店模型。我的问题是如何将这个多张图片与我的酒店模型相关联，以便在创建酒店时上传的图片链接到创建的酒店。请协助。

非常感谢

酒店模型

class Hotels(models.Model):
    """Stores all the information about the hotel and also used to query hotels"""

    name = models.CharField(max_length=255) #The name of the hotel
    address = models.CharField(max_length=255)
    city = models.CharField(max_length=255)
    country = models.CharField(max_length=255)
    mobile_number = models.CharField(max_length=12)
    created_at = models.DateTimeField(default=timezone.now)
    last_modified = models.DateTimeField(auto_now=True)
    description = models.TextField()
    slug = models.SlugField(unique=True)
    property_photo = models.ImageField(default='default.jpg', upload_to='hotel_photos')
    star_rating = models.PositiveIntegerField()
    contact_person = models.ForeignKey(UserProfile, on_delete=models.SET_NULL, null=True, blank=True,) #Owner of the hotel or person who created the hotel

    class Meta:
        unique_together = ('name', 'slug')
        verbose_name_plural = 'Hotels'  

照片模特

class Photo(models.Model):
    title = models.CharField(max_length=255, blank=True)
    file = models.ImageField(upload_to='hotel_photos')
    hotel = models.ForeignKey(Hotels,on_delete=models.SET_NULL, null=True, blank=True,)

    class Meta:
        verbose_name_plural = 'Photos'


    def __str__(self):
        """Prints the name of the Photo"""
        return f'{self.hotel} photos'

Forms.py

class PhotoForm(forms.ModelForm):
    class Meta:
        model = Photo
        fields = ('hotel','file', )

Views.py

class PhotoUploadView(LoginRequiredMixin,View):
    def get(self, request):
        photos_list = Photo.objects.all()
        return render(self.request, 'hotels/uploads.html', {'photos': photos_list})

    def post(self, request):
        form = PhotoForm(self.request.POST, self.request.FILES, self.request.user)
        if form.is_valid():
            photo = form.save(commit=False)
            photo.hotel = self.request.hotel.contact_person
            photo.save()
            data = {'is_valid': True, 'name': photo.file.name, 'url': photo.file.url}
        else:
            data = {'is_valid': False}
        return JsonResponse(data)

Answer 1

您说允许上传照片的小部件位于酒店创建页面上。这是一个问题，因为这意味着上传照片时尚未创建酒店。所以上传的照片不会有可以关联的hotel。

有两种选择：

• 将上传照片的步骤移至第二个步骤，在酒店创建之后。将刚刚创建的酒店 ID 添加到您为 PhotoUploadView 调用的 url 中，以便将其作为 kwarg 传递给视图。

  # in PhotoUploadView, post()
  if form.is_valid():
      photo = form.save(commit=False)
      try:
          hotel = Hotel.objects.get(
              contact_person=self.request.user.userprofile,  # make sure hotel belongs to user
              id=self.kwargs.get('hotel_id'))
      except Hotel.DoesNotExist:
          raise Http404
      photo.hotel = hotel
      photo.save()
  

• 在用户会话中跟踪上传的图片，并在提交HotelCreationForm 后将上传的图片关联到酒店：

  # in PhotoUploadView, post()
  if form.is_valid():
      photo = form.save()
      session = self.request.session
      if not session.get('uploaded_photos'):
          session['uploaded_photos'] = [] 
      session['uploaded_photos'].append(photo.id)
      data = {'is_valid': True, 'name': photo.file.name, 'url': photo.file.url}
  
  # in HotelCreationView, form_valid() or post():
  hotel = form.save()
  session = self.request.session
  if 'uploaded_photos' in session:
      Photo.objects.filter(id__in=session['uploaded_photos']).update(hotel=hotel)
      del session['uploaded_photos']
  

  请注意，在这种情况下，您需要在您的 Photo 模型中的 hotel 字段中保留 null=True, blank=True，因为您第一次保存没有酒店的照片。

  另请注意，如果用户从未完成保存酒店，照片仍将保存在数据库和存储中，与酒店无关，因此您可能需要不时清理（删除所有未保存的照片没有酒店）。

Answer 2

模型没有什么问题，但您需要对Photo 模型进行一些更改

class Photo(models.Model):
    title = models.CharField(max_length=255, blank=True)
    file = models.ImageField(upload_to='hotel_photos')
    hotel = models.ForeignKey(Hotels,on_delete=models.SET_NULL, related_name='photos')

现在您应该首先创建酒店对象，然后当您点击视图以添加图像时，它应该通过将酒店 ID 传递给它或类似的方式将酒店设置到其中。在其他情况下，您将使用 hotel 对象时，您可以通过使用 related_name 来直接访问其照片。

如果您无法事先创建酒店或类似的东西，也存在解决此问题的其他方法，但对于当前情况，这种方法可以工作。