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);