Bild in ng-submit-Formular hochladen

Question

Ich bin neu bei Angular.js und würde gerne wissen, wie man ein Bild in mein ng-submit-Formular hochladen kann. Es funktioniert perfekt für die nächsten based Felder, aber mit der Datei gibt es mir nur die Schaltfläche "Datei auswählen", ohne es anzuzeigen, nachdem Sie auf die Senden-Schaltfläche geklickt haben.

<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" /> 

Wie für den Controller:

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

Ihre Hilfe wäre sehr dankbar :)

Answer 1

Verwenden Angular Datei Upload.It ist in https://github.com/nervgh/angular-file-upload

verfügbar