image input directive

imageinput.js

  .directive('inputImage',  function() {
    'use strict'

    return {
      template: "<input type='file' accept='image/*'>",
      restrict: 'E',
      require: "ngModel",
      link: function (scope, element, attrs, ngModel) {

        element.bind('change', function (evt) {
          var files = evt.target.files;
          var imageFile = files[0];
          var model = {
            file: imageFile,
            url: URL.createObjectURL(imageFile) //this is used to generate images/resize
          };

          scope.$apply(function(){
            ngModel.$setViewValue(model);
          });
        });
      }
    };
  })