Seems really a simple thing but can't figure it out. I've been using the onchange event on <input type=file /> element and it works well. Once the user browses and selects a file, I get the path and upload it using a my custom js function.
The problem is this doesn't work if a user selects the same file twice in a row, the onchange doesn't fire (which makes sense since nothing changed) but in my case it's important for me to capture that event too, get the path and upload.
(Similar to Clearing <input type='file' /> using jQuery, not sure if I should resolve this as duplicate)
You can just remove the input and create an identical one with javascript - the new one will be empty.
(edited answer to be straight to the point, comments are irrelevant now)