how to submit form with enctype multipart/form-data in jquery

Question

i'm using form with enctype multipart/form-data for uploading photo, so below is my code for normal form submit,

$.ajax({  
    type: "POST",  
    url: loadUrl,  
    cache: false,  
    success: function(html){  
      $(outputLocation).html(html);  
    }
});    

how this should alter, so its applicable for multipart/form-data type form in jquery

thanks in advance

Answer 1

Just check out the below plugin if it helps -

http://www.fyneworks.com/jquery/multiple-file-upload/#tab-Overview

Answer 2

Here some interesting instructions by Ben Nadel.

Answer 3

You can't submit files over XMLHttpRequest (since you can't read the data from the user's HDD in JS).

jQuery doesn't have built in support to deal with file inputs, you'll need to find a plugin or an alternative.