Event handler for when a user has added an image.

Question

I have a form that lets users upload a image of them self. I need an jQuery event handler for when the input in uploaded. As always muchas gracias to any help.

<script>
  $('#imageFile').someeventhander(function(){do some work son!});
</script>

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

Answer 1

This is a very complex problem, as file inputs do not upload until you submit a form. See this related question:

http://stackoverflow.com/questions/166221

Answer 2

$('#imageFile').change I believe is what I needed.

Answer 3

To upload a file you need the server to accept it and send a response back to the browser. jQuery can then use the response to trigger an event or call a function. So the answer depends on how your server is handling the upload.

swfUpload is a popular solution that uses a small Flash movie the handling the uploading. There is a jQuery plugin for it that triggers numerous events that allow you to monitor start/progress/error/completion of the upload.