JQuery invio immagine tramite Ajax

[robynosse]

Ciao a tutti,

come faccio a riferirmi ad un campo input di un'immagine per inviarla tramite una chiamata ajax al server?

poniamo di avere un campo input di tipo file:

<input name='immagine' type='file' id='immagine'>

Come posso riferirmi all'immagine e passare l'immagine stessa attraverso la chiamata Ajax?

                $.ajax({
                        method: "POST",
                        url: "miapagina.php",
                        data: ??????????????,
                        success: function (result) { alert(result); }
               });

Grazie,
Roberto

[robynosse]

Trovato:
devo creare un oggetto di tipo FormData:
var formData = new FormData(document.getElementById("imageForm"));

e passarlo come argomento nella chiamata ajax
data:formData,

inoltre con il metodo append posso aggiungere dati