Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
    <div ng-controller="MyCtrl">
      <input type="file" id="myFileInput" />
      <br /><br />
      <button ng-click="submit()">
        Submit
      </button>
      <br /><br />
      <br /><br />
      <h1>
        Filename: {{ fileName }}
      </h1>
      <h2>
        File size: {{ fileSize }} Bytes
      </h2>
      <h2>
        Filen content: {{ fileContent }}
      </h2>
    </div>

JavaScript

var myApp = angular.module('myApp',[]);

    myApp.controller('MyCtrl', function ($scope) {
        $scope.fileContent = '';
        $scope.fileSize = 0;
        $scope.fileName = '';
        $scope.submit = function () {
          var file = document.getElementById("myFileInput").files[0];
          if (file) {
            var aReader = new FileReader();
            aReader.readAsText(file, "UTF-8");
            aReader.onload = function (evt) {
                document.getElementById("myFileInput").innerHTML = evt.target.result;
                $scope.fileContent = aReader.result;
                $scope.fileName = document.getElementById("myFileInput").files[0].name;
        				$scope.fileSize = document.getElementById("myFileInput").files[0].size;;
            }
            aReader.onerror = function (evt) {
                document.getElementById("myFileInput").innerHTML = "error";
                $scope.fileContent = "error";
            }
          }
        }
    });