ng-submit 양식의 이미지 업로드

Question

Angular.js를 처음 사용 했으므로 제출 요청 양식에 이미지를 업로드하는 방법을 알고 싶습니다. 그것은 다음 기반 필드에 대해 완벽하게 작동하지만 파일을 통해서만 제출 단추를 누른 후 표시하지 않고 '파일 선택'버튼 만 제공합니다. 컨트롤러에 관해서는

<form ng-submit="addartikel()"> 
<input type="text" placeholder="Bezeichnung" ng-model="newartikel.name" /> 
<input type="text" placeholder="Kategorie" ng-model="newartikel.kategorie" /> 
<input type="text" placeholder="Preis" ng-model="newartikel.preis" /> 
<input type="file" placeholder="Bild" ng-model="newartikel.thumb" /> 
<input type="submit" value="Artikel hinzufügen" /> 

:

webShop.controller('InventarController', ['$scope', '$http', function($scope, $http){ 

    $scope.addartikel = function(){ 
    $scope.inventar.push({ 
     name: $scope.newartikel.name, 
     kategorie: $scope.newartikel.kategorie, 
     preis: parseInt($scope.newartikel.preis), 
     thumb: $scope.newartikel.thumb, 
     available: true 
    }); 

당신의 도움 주시면 감사하겠습니다 :)

Answer 1

사용 각도 파일 Upload.It는 https://github.com/nervgh/angular-file-upload

에서 사용할 수 있습니다