HTML File Input Angularjs Select same File only fires ones

Question

I've made a Angular directive to warp the a file upload input.

directive('ngFile', function () {
    return {
        link: function (scope, element, attrs) {
            var button = element.find('button[data-fileInputButton]');
            var inputElement = element.find('input[type="file"]');        

            var updateModel = function (evt) {
                scope.$apply(function () {
                    scope.files = evt.target.files;
                    if (scope.startUpload) {
                        scope.startUpload();
                    }

                    evtl.target.files = [];
                });
            }

            inputElement.bind('change', updateModel);

            button.click(function () {
                var input = element.find('input[type="file"]');
                input.click();
            });
        }
    } 
});

When I click and select a file, everything is OK. However, when I select the file again, the event is not fired. It is only fired when I select another file. Why is this happening?

because the event is triggered when the input changes.

Deblaton Jean-Philippe
– Deblaton Jean-Philippe

2015-05-12 12:27:06 +00:00
Commented May 12, 2015 at 12:27 — Deblaton Jean-Philippe
– Deblaton Jean-Philippe, Commented May 12, 2015 at 12:27

Mike · Accepted Answer · 2016-01-04 14:58:54Z

2

The change is listening to the value and not to the files.

you need to do:

evt.target.value = "";

Good luck :)

answered Jan 4, 2016 at 14:58

Mike

8291 gold badge16 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

HTML File Input Angularjs Select same File only fires ones

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related