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'))