title: Same file can not be uploaded twice in angularjs using fileModel
body: <p>I am using angular js fileModel directive to upload file, which is as below</p>
  
  <pre><code>angular.module('MyProject').directive('fileModel', ['$parse', function ($parse) {
      return {
          restrict: 'A',
          link: function(scope, element, attrs) {
              var model = $parse(attrs.fileModel);
              var modelSetter = model.assign;
              element.bind('change', function(){
                  scope.$apply(function(){
                      modelSetter(scope, element[0].files[0]);
                  });
              });
          }
      };
  }]);
  </code></pre>
  
  <p>And I am using the same in html as below,</p>
  
  <pre><code> &lt;input type='file' class="imgInp" file-model="tenantLogoFile"/&gt;
  </code></pre>
  
  <p>If I select one file then Its fine for me to capture the file chosen by user by using <code>$watch</code> on "tenantLogoFile". But if I am supposed to upload same file (Without refreshing page) immediately again, <code>$watch</code> does not get fired and ultimately I am unable upload the file.</p>
  
  <p>I tried setting <code>$scope.tenantLogoFile = null</code> after first time successful upload, but no use, Can anyone help me please?</p>