Detect when a user chooses a file using a file input

javascript jquery html-input
Pablo picture Pablo · Jul 10, 2010 · Viewed 13.5k times · Source

How can I detect when a user has chosen which file to upload using a html file input. That way I can submit the form automatically.

Answer

Faisal picture Faisal · Jul 10, 2010

The file upload element fires an onchange event when its contents have changed. Here's a very terse example:

<input type="file" name="whatever" onchange="alert('Changed!');" />

EDIT: Oh, and if you'd like to submit the form when they select something (although this will probably be a little confusing to your users):

<input type="file" name="whatever" onchange="this.form.submit();" />

Related questions

Disable/enable an input with jQuery?

$input.disabled = true; or $input.disabled = "disabled"; Which is the standard way? And, conversely, how do you enable a disabled input?

Read More
change type of input field with jQuery

$(document).ready(function() { // #login-box password field $('#password').attr('type', 'text'); $('#password').val('Password'); }); This is supposed to change the #password input field (with id="password") that is of type password to a normal text field, and then fill …

Read More
How to handle floats and decimal separators with html5 input type number

Im building web app which is mainly for mobile browsers. Im using input fields with number type, so (most) mobile browsers invokes only number keyboard for better user experience. This web app is mainly used in regions where decimal separator …

Read More