I am using an <input type="file" /> and want to trigger an AJAX action once a user has clicked on browse, browsed for an image and clicked open.
The reason for this, is that I want to trigger an upload of the image and return a thumbnail of the image so that it will be present on the form as the user fills out more information about the image in the form.
I would like to do this with an AJAX action rather than a post submit as the user won't have entered the additional information yet at the point the select the file.
Of course, I could do this with two actions, having them select and submit the image for upload and then enter the rest of the information after a page refresh that adds the image, but I think it would be much more elegant to use an AJAX action here.
Is there a trigger related to the browse/open action that I can make use of? Any other thoughts.