HTML <input type='file'> File Selection Event

Question

let say with this code

<form action='' method='POST' enctype='multipart/form-data'>
<input type='file' name='userFile'><br>
<input type='submit' name='upload_btn' value='upload'>
</form>

with this we get

now when we click the 'Browse...' button, a file search dialog box is opened

now the user will select the file by double-clicking the file or by clicking the button 'Open'.

What i WNAT TO DO is launch a javascript\php function after the file is selected that is press of the 'Open' button. HOW TO DO IT...

Answer 1

Listen to the change event.

input.onchange = function(e) { 
  ..
};