Django Rest Framework: Cannot serialize or save uploaded image

Question

Cannot serialize or save uploaded an image in APIview. If saving, a file is broken and cannot be open. If serialzing, getting: {"avatar":["No file was submitted."]} Request content:

MultiValueDict: {u'name': [<TemporaryUploadedFile: Avatar.jpg (image/jpeg)>]}

Settings:

FILE_UPLOAD_HANDLERS = [
'django.core.files.uploadhandler.TemporaryFileUploadHandler',
]
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(PROJECT_DIR, 'media')

URLs:

urlpatterns = [
url(r'^test/$', TestReturn.as_view(), name='test-detail'),
url(r'^users/$', UserProfileAll.as_view(), name='userprofile-detail'),
url(r'^avatar/', UploadAvatar.as_view(), name='images')

] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

Model:

class AvatarStorage(models.Model):
avatar = models.ImageField(verbose_name="Uploaded image", upload_to='media', null=True)

Serialzier:

class AvatarStorageSerializer(serializers.ModelSerializer):
avatar = serializers.ImageField(use_url=True)

class Meta:
    model = AvatarStorage

    fields = '__all__'

Views:

class UploadAvatar(APIView):
parser_classes = (MultiPartParser,)

def post(self, request, format=None):

    serializer = AvatarStorageSerializer(data=request.data)
    if serializer.is_valid():
        serializer.save()
        return Response(serializer.data, status=status.HTTP_201_CREATED)
    return Response(serializer.errors, status=status.HTTP_400_BAD_REQUEST)

For posting, i am using Postman, over there settings: Body=>Form-Data and choosing a file from disk.

If it's important, this is API for mobile

I think Avatar field specification is not neccessary in AvatarStorageSerializer. — Sakthi Panneerselvam
– Sakthi Panneerselvam, Commented Feb 6, 2018 at 7:17

Sakthi Panneerselvam · Accepted Answer · 2018-02-05 05:16:10Z

2

Update the setting files FILE_UPLOAD_HANDLERS to like this

FILE_UPLOAD_HANDLERS=[
    'django.contrib.staticfiles.finders.MemoryFileUploadHandler',
    'django.contrib.staticfiles.finders.TemporaryFileUploadHandler',
]

if you want to know more, read this

answered Feb 5, 2018 at 5:16

Sakthi Panneerselvam

1,4071 gold badge15 silver badges26 bronze badges

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

3 Comments

Matviy Over a year ago

It doesn't help, also I need to use TemporaryFileUploadHandler instead of MemoryFileUploadHandler as my imgs around 5-10 mb, and MemoryFileUploadHandler was designed for max 2.5mb

Sakthi Panneerselvam Over a year ago

I already implemented this thing, now i uploaded 8mb image. The image saved without any loss.

Sakthi Panneerselvam Over a year ago

Can you tell me exactly what is your problem

Matviy · Accepted Answer · 2018-02-11 05:41:27Z

0

The problem was not in the code, I was missing required headers in Postman:

Content-Disposition: attachment; filename=upload.jpg;

answered Feb 11, 2018 at 5:41

Matviy

3091 gold badge4 silver badges11 bronze badges

Collectives™ on Stack Overflow

Django Rest Framework: Cannot serialize or save uploaded image

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related