Ajax File Upload

[gamernaveen]

Hey guys , am just getting into the AJAX scene and am a noob.
I am really worried about Ajax upload , cant figure it out.

I have a basic html form , like this

[HTML]<form action="upload.php" method="POST" ENCTYPE="multipart/form-data">
*<input type="text" name="name" value="Nick/Name"/><br/><input type="password" name="pass" value="password"/><br/>
<textarea rows="5" cols="15" value="comments" name="comments"/><br/><input type="file" name="file"/><br/><input type="hidden" name="upload"/><input type="submit" value="Send File" name="submit"/></form>
[/HTML]
This form uploads a given file to the server where upload.php is located,

I need to convert this to ajax ,
like I need to send those information and file to the server with Ajax method ,
so that I can show the progress of my file , success message and reset (which resets the form so that one can upload a new file again).

Please help me with these.
Remember:
1. Information must be sent with the file to the server
2. Progress bar is needed
3. Success message is needed
4. Reset form option is needed so that one can upload again


THIS IS VERY URGENT , AM NOT ABLE TO FIGURE OUT , PLEASE HELP ME. THANKS.

[acoder]

Please use code tags when posting code:
[CODE=javascript]
Your JavaScript code here...
[/code]

Removed "help urgently needed" from the title which (believe it or not) makes the problem less urgent in other people's eyes and less likely to be answered.

Finally, to your problem. See this earlier thread. You'll need to use an iframe for this which will allow you to upload a file without refreshing/reloading/unloading the entire page.