Second upload of the same file doesn't open new dialog window

Question

I've made a directive for file upload. When I'm trying to upload only the same file, the dialog which is after uploading doesn't show. I don't know how to figure it out to open next dialog every time.

export function fileReaderDirective() {
  'ngInject';

  let directive = {
    restrict: 'A',
    require: '?ngModel',
    link: fileReaderLink
  };

  return directive;
}

function fileReaderLink(scope, element, attrs, ngModel){
  if( attrs.type === 'file' && ngModel ) {
    element.bind('change', function(event) {
      scope.$apply(function() {
        ngModel.$setViewValue(event.target.files);
      });
    });
  }
}

<input name="file" id="image-upload" type="file" ng-model="file" filereader/>

Answer 1

This is standard behaviour. Change event does not fire when you choose the same file again since its path does not change. Its pure HTML related, it has nothing to do with angular. There are some similiar questions (answers) you can relate to:

Javascript file input onchange isn't triggered when they select a file with the same name
How to detect input type=file “change” for the same file?