title: ng-file-upload for image upload not working
body: <p>I am trying to upload an image using <code>ng-file-upload</code> in AngularJS, but it is not happening properly, as file-related properties like size and name are all showing undefined. My code is given below:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;form class="form-horizontal" name="reviewForm" role="form" ng-controller="reviewController" ng-submit="reviewSubmit()" novalidate&gt;    
  ...    
      &lt;input type="file" id="image" ngf-select ng-model="reviewer.image" name="image" ngf-pattern="image/*" accept="image/*" &gt;
  ...
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>angular.module('carApp', ['ngResource', 'ngFileUpload'])
  .controller('reviewController', ['$scope', 'updateReviews', 'Upload', function($scope, updateReviews, Upload) {
  
  $scope.reviewSubmit = function() {
      alert($scope.reviewer.image.lastModifiedDate);
          Upload.upload({
              url: 'images',
              method: 'POST',
              data: { file: $scope.reviewer.image, number: 10 }
          }).progress(function(event) {
              var progressPercentage = parseInt(100.0 * event.loaded / event.total);
              console.log('progress: ' + progressPercentage + '% ' + event.config.data.file.name);
          }).success(function(response) {
              console.log('Success ' + response.config.data.file.name + 'uploaded. Response: ' + response.data);
          }).error(function(error) {
              console.log("Error: " + error.message);
          });
  
          ...
  </code></pre>
  
  <p>When I am checking the object type (i.e. <code>alert($scope.reviewer.image)</code>), it shows <code>[object File]</code>, but when  try to print the name and size etc...it always shows <code>undefined</code>. Please help!! I have to access the image file properly in the controller.</p>