Multiple Image upload in django rest framework - django

Question

How to upload multiple images in DRF. I'm getting all the list of images while looping through it, but it only saves the last one. I want to save all the image and show it in response. Do I have to create separate serializer for Multiple Image serialization?
#models
class ReviewRatings(models.Model):
user = models.ForeignKey(Account, on_delete=models.CASCADE)
product = models.ForeignKey(Products, on_delete=models.CASCADE)
rating = models.FloatField(validators=[MinValueValidator(0), MaxValueValidator(5)])
created_at = models.DateField(auto_now_add=True)
review = models.CharField(max_length=500, null=True)
updated_at = models.DateField(auto_now=True)
def __str__(self):
return self.product.product_name
class ReviewImages(models.Model):
review = models.ForeignKey(ReviewRatings, on_delete=models.CASCADE, related_name='review_images', null=True, blank=True)
images = models.ImageField(upload_to='reviews/review-images', null=True, blank=True)
def __str__(self):
return str(self.images)
#Serilaizer
class ReviewImagesSerializer(ModelSerializer):
class Meta:
model = ReviewImages
fields = ["images"]
class ReviewSerializer(ModelSerializer):
user = SerializerMethodField()
review_images = ReviewImagesSerializer(many=True)
class Meta:
model = ReviewRatings
fields = [
"user",
"rating",
"review",
"created_at",
"updated_at",
"review_images",
]
def get_user(self, obj):
return f"{obj.user.first_name} {obj.user.last_name}"
#Views
class SubmitReview(APIView):
permission_classes = [IsAuthenticated]
def post(self, request, product_slug):
data = request.data
if data["rating"] == "" and data["review"] == "":
review = ReviewRatings.objects.create(
user=request.user,
product=product,
rating=data["rating"],
review=data["review"],
)
review_images =request.FILES.getlist('review_images')
rev = ReviewImages()
for image in review_images:
rev.review=review
rev.images = image
rev.save()
serializer = ReviewSerializer(review, context={'request':request})
return Response(serializer.data, status=status.HTTP_201_CREATED)
#Postman
Response I get on the current implementation
{
"user": "Jackson Patrick Gomez",
"rating": 4.8,
"review": "Pendant -1 review by jackson with image uploadss",
"created_at": "2022-12-05",
"updated_at": "2022-12-05",
"review_images": [
{
"images": "http://127.0.0.1:8000/media/reviews/review-images/pendant3_rAe0hqS.webp"
}
]
}
The response I want to get is like this
{
"user": "Jackson Patrick Gomez",
"rating": 4.8,
"review": "Pendant -1 review by jackson with image uploadss",
"created_at": "2022-12-05",
"updated_at": "2022-12-05",
"review_images": [
{
"images": "http://127.0.0.1:8000/media/reviews/review-images/pendant3_rAe0hqS.webp"
},
{
"images": "http://127.0.0.1:8000/media/reviews/review-images/pendant3_rAe0hqS.webp"
},
{
"images": "http://127.0.0.1:8000/media/reviews/review-images/pendant3_rAe0hqS.webp"
}
]
}
I want to upload multiple images.

Answer 1

Are you not saving the same object instance over and over?
rev = ReviewImages()
for image in review_images:
rev.review=review
rev.images = image
rev.save()
Create a new instance for every image:
for image in review_images:
rev = ReviewImages(review=review, image=image)
rev.save()

Answer 2

I have found out the mistake. I was only creating one instance. Hence only one object was getting created.
#Mistake
rev = ReviewImages()
for image in review_images:
rev.review=review
rev.images = image
rev.save()
#Correct
for image in review_images:
rev = ReviewImages()
rev.review=review
rev.images = image
rev.save()
or
for image in review_images:
ReviewImages.objects.create(images=image, review=review)