title: How to get file content and other details in AngularJS
body: <p>How can I get file content while I click on submit button. I'm getting only first and second input.
  Please refer to snippet:
  <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"&gt;&lt;/script&gt;
  &lt;body&gt;
  
  &lt;div ng-app="myApp" ng-controller="formCtrl"&gt;
    &lt;form novalidate&gt;
      First Name:&lt;br&gt;
      &lt;input type="text" ng-model="user.firstName"&gt;&lt;br&gt;
      Last Name:&lt;br&gt;
      &lt;input type="text" ng-model="user.lastName"&gt;
      &lt;input type="file" ng-model="user.file"&gt;
      &lt;br&gt;&lt;br&gt;
      &lt;button ng-click="reset()"&gt;Submit&lt;/button&gt;
    &lt;/form&gt;
    &lt;p&gt;form = {{user}}&lt;/p&gt;
    &lt;p&gt;master = {{master}}&lt;/p&gt;
  &lt;/div&gt;
    &lt;script&gt;
  var app = angular.module('myApp', []);
  app.controller('formCtrl', function($scope) {
     $scope.reset = function(){
     console.log($scope.user)
     }
     
  });
  &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>