POST a form with Jquery AJAX When input is a File

Question

I have several areas where I use AJAX to submit text fields.

 var name = $(\"input#name\").val(); 

   $.ajax({  
      type: \"POST\",  
      url: \"bin/proces         


        

Answer 1

By default, jQuery cannot POST a form via AJAX if it contains a upload field.

You can try this plugin: http://jquery.malsup.com/form/

Answer 2

This is typically done using an iFrame to send the file to the server.

The jQuery Form Plugin is a great resource for that.

Here is another upload script which uses xhr when possible (FF, Safari) and falls back gracefully to iFrame if necessary (IE)