Django REST，上傳的圖像爲空值

Question

我有簡單的應用程序與Django REST和Angular前端，我有圖像上傳的問題。
我的模型：

class Photo(models.Model): 

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

當我通過發送格式圖片，文字上傳好，但圖像具有空值。從瀏覽器
性反應：

{ 「IMG」：NULL， 「文本」： 「測試」}

這裏被印刷self.data.request當我上載的圖像：

的QueryDict： {'text'：['test']，'InMemoryUploadedFile：filename.jpg（image/jpeg）]}

Serializer is just sim ple ModelSerializer有兩個模型字段。
觀點：

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) 

的上傳圖片我用的lib ng-file-upload，我嘗試另一種方式來上傳和形象是空了。
角碼：

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

您發佈此JSON data: {text: $scope.text, img: file}，但在perform_create方法調用self.request.data.get('file')。我認爲你必須改變這

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