6

Mam prostą aplikację z Django REST i Angular na interfejsie i mam problem z przesłaniem obrazu.
mój model:Django REST, przesłany obraz ma wartość zerową

class Photo(models.Model): 

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

Kiedy wysyłanie obrazu za pośrednictwem formularza, tekst dodany dobrze, ale obraz ma wartość zerową.
responce z przeglądarki:

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

tutaj jest drukowany self.data.request gdy upload obrazka:

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

Serializator jest po prostu sim pl ModelSerializer z dwoma polami modelu.
widok:

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) 

Do przesyłania obrazu używam lib ng-file-upload, próbowałem inny sposób na przesyłanie i obraz był zbyt zerowa.
kod kątowa:

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)); 
    }); 
    } 
}]); 

Odpowiedz

1

Piszesz ten json data: {text: $scope.text, img: file}, ale w sposobie perform_create zadzwonić self.request.data.get('file'). Myślę, że musisz to zmienić na

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

Greate, dziękuję bardzo! –

Powiązane problemy