Simple file upload directive in angularjs

gistfile1.js

(function () {
    'use strict';

    angular
        .module('app')
        .directive('myPhoto', myPhoto);

    function myPhoto() {

        var directive = {
            link: link,
            restrict: 'A',
            scope: {
                photo: '=myPhoto'
            }
        };
        return directive;

        function link(scope, element, attrs) {
            element.bind('change', function () {
                scope.$apply(function () {
                    if (element[0].files && element[0].files.length > 0) {
                        scope.photo = element[0].files[0];
                    }
                });
            });
        }
    }
})();