title: Upload image within ng-submit form
body: <p>I'm new to Angular.js and I would like to know how to upload an image within my ng-submit form. It works perfectly for the next based fields but with the file it only gives me the 'choose file' button without displaying it after hitting the submit button. </p>
  
  <pre><code>&lt;form ng-submit="addartikel()"&gt;
  &lt;input type="text" placeholder="Bezeichnung" ng-model="newartikel.name" /&gt;
  &lt;input type="text" placeholder="Kategorie" ng-model="newartikel.kategorie" /&gt;
  &lt;input type="text" placeholder="Preis" ng-model="newartikel.preis" /&gt;
  &lt;input type="file" placeholder="Bild" ng-model="newartikel.thumb" /&gt;
  &lt;input type="submit" value="Artikel hinzufügen" /&gt;
  </code></pre>
  
  <p></p>
  
  <p>As for the controller: </p>
  
  <pre><code>    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
      });
  </code></pre>
  
  <p>Your help would be greatly appreciated :) </p>