How to call a javascript function after the selection of file from the Open Dialog window close event. in HTMLusing html file type="file"

Question

How to call a JavaScript function after the selection of file from the Open Dialog window close event. in HTML using HTML file type="file".

I have a file input element

<input type="file" id="fileid" >

How can i call a JavaScript function after the file open dialog window close event.

Answer 1

Try this:

document.getElementById('fileid').onchange = function(){
  // your code here
};

Basically, this should fire when you have chosen a file (after selecting and closing the window).

Answer 2

jQuery("input#fileid").change(function () {
    alert(jQuery(this).val())
});