Ajax using file upload

Question

Hi friends,

i am creating mail page for sending mails. I need to attach some file before sending. How could i do this using AJAX. Initially i need to store those files in server and then i have to send the mail. These actions are done with in a single send button.

Please help me.

Answer 1

I hope you know how do the normal upload. Call the upload/Reading and updating the file when click the button by using the ajax call. You have to send the local system file path as the input and then the response should contain the path in the server or error. Update the attachment link with the response in case there are no errors.

Answer 2

Check these questions:

• JavaScript file uploads
• How can I get Gmail-like file uploads for my web app?
• What is the best multiple file JavaScript / Flash file uploader?

Answer 3

You should dynamically create a hidden iframe in your DOM and set the target of your upload form to this iframe. dont forget to set form method to POST.

you could do both uploading and message field filling in one go.

you should definitely check ready components doing this for the javascript library of your choice.