app/common/directives/file.js

window.angular && (function(angular) {
  'use strict';

  angular
    .module('app.common.directives')
    .directive('file', function() {
      return {
        scope: {
          file: '='
        },
        link: function(scope, el, attrs) {
          el.bind('change', function(event) {
            var file = event.target.files[0];
            scope.file = file ? file : undefined;
            scope.$apply();
          });
        }
      };
    });

})(window.angular);