Django REST, l'immagine caricata ha valore nullo

Question

Ho una semplice app con Django REST e Angular sul frontend e ho problemi con il caricamento delle immagini.
mio modello:

class Photo(models.Model): 

    img = models.ImageField(upload_to='photos/', max_length=254) 
    text = models.CharField(max_length=254, blank=True) 

Quando l'invio di immagini con il modulo, il testo caricato bene, ma l'immagine ha valore nullo.
responce dal browser:

{ "img": null, "testo": "test"}

qui viene stampato self.data.request quando ho caricato un'immagine:

QueryDict: {'text': ['test'], 'InMemoryUploadedFile: filename.jpg (image/jpeg)]}

Serializer è solo sim ple ModelSerializer con due campi modello.
vista:

class PhotoViewSet(viewsets.ModelViewSet): 

    queryset = Photo.objects.all() 
    serializer_class = PhotoSerializer 
    parser_classes = (MultiPartParser, FormParser) 

    def perform_create(self, serializer): 
     serializer.save(img=self.request.data.get('file')) 

photo_router = DefaultRouter() 
photo_router.register(r'photo', PhotoViewSet) 

Per il caricamento di immagini che uso lib ng-file-upload, ho cercato un altro modo per caricare e immagine era nulla troppo.
Codice angolare:

var app = angular.module('myApp', ['ngRoute', 'ngFileUpload']); 

app.config(function ($routeProvider) { 

    $routeProvider 
     .when('/', { 
      templateUrl: 'http://127.0.0.1:8000/static/js/angular/templates/home.html' 
    }) 
}); 
app.config(['$httpProvider', function($httpProvider) { 
    $httpProvider.defaults.xsrfCookieName = 'csrftoken'; 
    $httpProvider.defaults.xsrfHeaderName = 'X-CSRFToken'; 
}]); 
app.controller('MyCtrl', ['$scope', 'Upload', '$timeout', function($scope, Upload, $timeout) { 
    $scope.uploadPic = function(file) { 
    file.upload = Upload.upload({ 
     url: '/api/photo/', 
     data: {text: $scope.text, img: file}, 
    }); 

    file.upload.then(function (response) { 
     $timeout(function() { 
     file.result = response.data; 
     }); 
    }, function (response) { 
     if (response.status > 0) 
     $scope.errorMsg = response.status + ': ' + response.data; 
    }, function (evt) { 
     file.progress = Math.min(100, parseInt(100.0 * evt.loaded/evt.total)); 
    }); 
    } 
}]); 

Answer 1

stai scrivendo questo JSON data: {text: $scope.text, img: file}, ma nel metodo perform_create si chiamano self.request.data.get('file'). Penso che devi cambiare questo a

serializer.save(self.request.data.get('img'))