File Upload via AJAX within JQuery

Question

I am new to JQuery AJAX . I want to implement a file upload using a jquery. Will it be possible to make a fileupload with JQuery,AJAX and send it to Servlet which can use ap

Answer 1

This is not a jQuery solution but take a look at http://www.swfupload.org. I have used that component in the past to give the ajax / flickr like upload interface. Works great and is fairly easy to integrate into your site. There is a ton of demos at http://demo.swfupload.org too.

Answer 2

Ajax in the traditional sense is XMLHttpRequest, which does not allow you encode and send local files to a server.

The common ways of doing uploading through "ajax" means, is to either use a Flash swf to handle the uploading on the same page, or to use a form that has a target of an invisible 1x1 iframe. You have some Javascript show a uploading spinner or whichever. After the file is uploaded, make the server return some Javascript to the iframe like

<script type="text/javascript">
top.MyProject.doneUploading();
</script>

top will allow you to call Javascript in the regular page. In order for that to work though, you must make sure the iframe has submitted to the same domain that the top document is located at.

Answer 3

Try Uploadify

Answer 4

I had several problems using Uploadify so I turned to ajax upload

Answer 5

I think jQuery Fileuploader Plugin is the best for that. Html5 api is now supported which do the drag and drop and multiple file select. It is platform independent and very easy to install.

http://pixelcone.com/fileuploader/