Django Rest Framework: Uploading a Image

Question

I can't save the image to the image field. Error

"image": [
    "No file was submitted."
]

models.py

class MyImages(models.Model):
    name = models.CharField(max_length=255)
    image = models.ImageField(upload_to='myphoto', null=False,       max_length=255, blank=False)

views.py

class ImageList(APIView):
    parser_classes = (MultiPartParser, FileUploadParser,)

    def post(self, request):
        file_serializer = MyImageSerializer(data=request.data)
        if file_serializer.is_valid():
            file_serializer.save()
            return Response(file_serializer.data, status=status.HTTP_201_CREATED)
        else:
            return Response(file_serializer.errors, status=status.HTTP_400_BAD_REQUEST)

serialiser.py

class MyImageSerializer(serializers.ModelSerializer):
    class Meta:
        model = MyImages
        fields = ('id', 'name', 'image')

when using postman for file upload the file name is returned in view.py instead of the file object.

I have also seen these threads but not working 1 2

@AnjaneyuluBatta I am using postman and it automatically detects the header. I no need to write header. — bSr
– bSr, Commented Mar 9, 2018 at 8:37

Oluwafemi Sule · Accepted Answer · 2018-03-09 06:58:40Z

1

FileUploadParser populates request.data with a file key containing uploaded file.

However, ImageSerializer needs to serialize image this from the request.

Ergo, you need to specify fields explicitly. e.g.

class ImageFileField(serializers.Field):
    def to_representation(self, obj):
        return obj.image.url

    def to_internal_value(self, data):
        return data['file']


class MyImageSerializer(serializers.ModelSerializer):
    name = serializers.CharField()
    image = ImageFileField(source='*')

    class Meta:
        model = MyImages

answered Mar 9, 2018 at 6:58

Oluwafemi Sule

39.3k1 gold badge63 silver badges88 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

JPG · Accepted Answer · 2018-03-09 09:26:32Z

1

I couldn't find any bug in your code when I tried to reproduce the error.
Make sure that uncheck the application/json content type

Then the postman console will be as follows,

answered Mar 9, 2018 at 9:26

JPG

89.4k24 gold badges164 silver badges235 bronze badges

1 Comment

bSr Over a year ago

Worked! it's my mistake I was using the name 'file' instead of 'image' as field name when passing the image to the postman.

Collectives™ on Stack Overflow

Django Rest Framework: Uploading a Image

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related