Django REST: Uploading and serializing multiple images

by

Description for the issue

The origin of the exception was a KeyError, because of this statement 

images_data = validated_data.pop('images')

This is because the validated data has no key images. This means the images input doesn’t validate the image inputs from postman.

Django post request store InMemmoryUpload in request.FILES, so we use it for fetching files. also, you want multiple image upload at once. So, you have to use different image_names while your image upload (in postman).

Change your serializer to like this:

class TaskSerializer(serializers.HyperlinkedModelSerializer):
    user = serializers.ReadOnlyField(source="user.username")
    images = TaskImageSerializer(source="taskimage_set", many=True, read_only=True)

    class Meta:
        model = Task
        fields = ('id', 'title', 'user', 'images')

    def create(self, validated_data):
        images_data = self.context.get('view').request.FILES
        task = Task.objects.create(title=validated_data.get('title', 'no-title'),
                                   user_id=1)
        for image_data in images_data.values():
            TaskImage.objects.create(task=task, image=image_data)
        return task

I don’t know about your view, but I’d like to use ModelViewSet preferrable view class

class Upload(ModelViewSet):
    serializer_class = TaskSerializer
    queryset = Task.objects.all()

Postman console:

enter image description here

DRF result:

{
        "id": 12,
        "title": "This Is Task Title",
        "user": "admin",
        "images": [
            {
                "image": "http://127.0.0.1:8000/media/Screenshot_from_2017-12-20_07-18-43_tNIbUXV.png"
            },
            {
                "image": "http://127.0.0.1:8000/media/game-of-thrones-season-valar-morghulis-wallpaper-1366x768_3bkMk78.jpg"
            },
            {
                "image": "http://127.0.0.1:8000/media/IMG_212433_lZ2Mijj.jpg"
            }
        ]
    }

UPDATE

This is the answer for your comment.

In django reverse foreignKey are capturing using _set. see this official doc. Here, Task and TaskImage are in OneToMany relationship, so if you have one Task instance, you could get all related TaskImage instance by this reverse look-up feature.

Here is the example:

task_instance = Task.objects.get(id=1)
task_img_set_all = task_instance.taskimage_set.all()

Here this task_img_set_all will be equal to TaskImage.objects.filter(task_id=1)

More Related Contents:

  1. django-rest-framework 3.0 create or update in nested serializer
  2. Django Rest Framework writable nested serializers
  3. When to use Serializer’s create() and ModelViewset’s perform_create()
  4. Does the django-rest-framework provide an admin site to manage models?
  5. How can I enable CORS on Django REST Framework
  6. DRF: Simple foreign key assignment with nested serializers?
  7. Django Rest Framework File Upload
  8. How do I include related model fields using Django Rest Framework?
  9. Include intermediary (through model) in responses in Django Rest Framework
  10. Retrieving a Foreign Key value with django-rest-framework serializers
  11. Django REST Framework upload image: “The submitted data was not a file”
  12. Django rest framework serializing many to many field
  13. is not JSON serializable
  14. Django REST Framework POST nested objects
  15. How can I use Django OAuth Toolkit with Python Social Auth?
  16. Django Rest Framework – Authentication credentials were not provided
  17. Django REST Framework serializer field required=false
  18. Django Rest Framework – Could not resolve URL for hyperlinked relationship using view name “user-detail”
  19. Django Rest Framework – How to add custom field in ModelSerializer
  20. Order of Serializer Validation in Django REST Framework
  21. How can I register a single view (not a viewset) on my router?
  22. Serialize the @property methods in a Python class
  23. Serializing list to JSON [duplicate]
  24. how to add annotate data in django-rest-framework queryset responses?
  25. Django viewset has not attribute ‘get_extra_actions’
  26. How to use csrf_token in Django RESTful API and React?
  27. How to upload multiple files in django rest framework
  28. Django: app level variables
  29. CSRF validation does not work on Django using HTTPS
  30. Multiple lookup_fields for django rest framework

Leave a Comment