Customize input type=file behavior

Question

I have a file browser on my page using

<input type="file" />

Now on click of the browse button, I need to show a JS "confirm" popup. Only on click of "OK" on that popup, I should show the file browser, else it should just cancel (not display the file browser/selector window)

Is it possible to achieve this?

Answer 1

Just try this:

<input type="file" onclick="return confirm('Continue ?');"/>

DEMO

Or make use of onclick event handler:

 $('input[type=file]').click(function(){
    return confirm("Continue ?");
 });

DEMO2

Answer 2

$('input[type="file"]').click(function(){
    return confirm("Are you sure you want to see me dance?");
});

Live DEMO