Django REST Framework image upload

Question

I have model Product:

def productFile(instance, filename):
    return \'/\'.join( [\'products\', str(instance.id), filename] )

class Product(models.Model):         


        

Answer 1

I lately start Django and have same problem for upload image.

All steps that i done

1) Install Pillow for using ImageField

pip install Pillow

2) In Settings.py add these lines

MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
MEDIA_URL = '/media/' # 'http://myhost:port/media/'

3) Use ImageField in model.py (create nameFile function for create folder and name of file)

def nameFile(instance, filename):
    return '/'.join(['images', str(instance.name), filename])

class UploadImageTest(models.Model):
    name = models.CharField(max_length=100)
    image = models.ImageField(upload_to=nameFile, blank=True, null=True)

4) serializer.py

class ImageSerializer(serializers.ModelSerializer):
    class Meta:
        model = UploadImageTest
        fields = ('name', 'image')

5) views.py

class ImageViewSet(ListAPIView):
    queryset = UploadImageTest.objects.all()
    serializer_class = ImageSerializer

    def post(self, request, *args, **kwargs):
        file = request.data['file']
        image = UploadImageTest.objects.create(image=file)
        return HttpResponse(json.dumps({'message': "Uploaded"}), status=200)

6) urls.py: add this line

path('upload/', views.ImageViewSet.as_view(), name='upload'),

7) admin.py: add this line

admin.site.register(UploadImageTest)

8) in terminal

python manage.py makemigrations

python manage.py migrate

Answer 2

you can create separate endpoint for uploading images, it would be like that:

class ProductViewSet(BaseViewSet, viewsets.ModelViewSet):
    queryset = Product.objects.all()
    serializer_class = ProductSerializer

    @detail_route(methods=['post'])
    def upload_docs(request):
        try:
            file = request.data['file']
        except KeyError:
            raise ParseError('Request has no resource file attached')
        product = Product.objects.create(image=file, ....)

you can go around that solution

-- update: this's how to upload from postman