angularjs input type=fileに対応する

gistfile1.js

.directive('validFile', function() {
    return {
        require: 'ngModel',
        link: function(scope, element, attrs, ngModel) {
            var extentions = /(\.|\/)(gif|jpe?g|png)$/i;
            var maxSize = 204800;  // bytes
            var setViewValue = function(file) {
                scope.$apply(function() {
                    ngModel.$setValidity('extention', extentions.test(file.name));
                    ngModel.$setValidity('size', file.size <= maxSize);
                    ngModel.$setViewValue(file);
                }); 
            };  

            element.bind('change', function() {
                var reader;
                var file = element[0].files[0];
                if (file) {
                    reader = new FileReader();
                    reader.onload = function() {
                        file.src = reader.result;
                        setViewValue(file);
                    };  
                    reader.readAsDataURL(file);
                } else {
                    setViewValue();
                }   
            }); 
        }   
    };  
})