Find solution
How to upload file using ajax php?

Ajax file upload

  • I want to upload a file using Ajax and php. I have a form with file inclusion tag. I want when user will browse a file and click on submit then file should be uploaded without refresh. How will i do this ?It does't matter if refresh occur but i want to upload file with help of ajax.

  • Answer:

    I did it with this jquery plugin. It pretty much mimics standard jquery ajax functionality, but also allows you to send data using iframe. No flash involved, pure javascript. http://malsup.com/jquery/form/ Here is a file upload example http://malsup.com/jquery/form/#file-upload

user306205 at Stack Overflow Visit the source

Was this solution helpful to you?

Other answers

Use a hidden iframe and set your form's target to that iframe's name. This way, when the form is submitted, only the iframe will be refreshed. Have an event handler registered for the iframe's load event to parse the response. More details on my blog post: http://blog.manki.in/2011/08/ajax-fie-upload.html

Manki

Take a look at http://www.swfupload.org/, it should do what you want.

Mitch Dempsey

This plugin uses XHR for uploading multiple files with progress-bar in FF3.6+, Safari4+, Chrome and falls back to hidden iframe based upload in other browsers, providing good user experience everywhere. check this: http://valums.com/ajax-upload/

zamoldar

Related Q & A:

Just Added Q & A:

Find solution

For every problem there is a solution! Proved by Solucija.

  • Got an issue and looking for advice?

  • Ask Solucija to search every corner of the Web for help.

  • Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.