Hey guys, I'm not exactly NEW to jQuery, but up until this point I have never dealt with a situation where I would need to upload images with jQuery in an application. Right now, I'm developing an application that will need to do so, and even after trying various different methods on the web I can't seem to get things to work. I have even tried jQuery plugins that wouldn't work because my form and its inputs are generated dynamically. Is there any way to do this properly with a dynamically generated form? I've been wasting hours on this problem... I'm hoping theres some jQuery genius out there to help me Thanks guys, if you need code let me know.
Not sure what the hype is about Uploadify, tried it. Didnt like it... Very Clunky, not even sure how to integrate with a form with other data, requires a crazy back end approach.. Was so complicated, very unpractical. Definitely pass on this if you are an analytical thinker.
you can ajax call to a php file. pass the path as parameter to that php file, then use something like move_upload_file function in php for uploading.
pure jquery wont give you anything you want as this is not possible. you need a server side help using PHP, ASP and other language that can handle uploading. maybe you need to pass the data using ajax and php for example will handle the uploading internally.
There are couple of jquery plugins available which can handle the upload and progress bar things. check this article in bottom for uploads with jquery: http://corpocrat.com/2010/12/04/30-best-jquery-tutorials-plugins-for-beginners/
You only have two options: 1) As said before, use hidden iframes and a server side language. 2) Wait for Ajax 2 (coming really soon).