Upload di immagini con Ajax

[DeltaElectronic]

Buongiorno,
Volevo fare un upload di immagini con Ajax di modo che, appena selezionata l'immagine, l'upload partisse immediatamente facendo visualizzare l'immagina caricata senza dover ricaricare la pagina.
E' possibile ?
Come si fa ?
In sostanza vorrei qualcosa di simile https://blueimp.github.io/jQuery-File-Upload/
solo che non sono riuscito a far girare l'esempio scaricato.
Grazie per l'aiuto

[Ciakko]

Ciao, sono l'ultimo ad avere voce qui dentro ma credo di poterti aiutare.
Per il caricamento di file con Ajax devi creare un formdata ad esempio:

var datiForm = new FormData();
datiForm.append('nome',$('#id del mio input file')[0].files[0]);

La chiamata Ajax con Jquery diventa così:

data: datiForm,
cache: false,
processData: false,
contentType: false,

In php non cambia nulla è come se inviassi il tuo form normalmente in post.

Per visualizzare l'immagine che stai caricando puoi far inserire il percorso del file selezionato come immagine di una div:

document.getElementById('il mio div').src = "percorso immagine"

[cavicchiandrea]

Buongiorno,
Volevo fare un upload di immagini con Ajax di modo che, appena selezionata l'immagine, l'upload partisse immediatamente facendo visualizzare l'immagina caricata senza dover ricaricare la pagina.
E' possibile ?
Come si fa ?
In sostanza vorrei qualcosa di simile https://blueimp.github.io/jQuery-File-Upload/
solo che non sono riuscito a far girare l'esempio scaricato.
Grazie per l'aiuto

Ciao rivedi le istruzioni dell'esempio l'ho usato in un progetto e funziona benissimo, ricreare qualcosa di simile sarebbe molto complesso, di fatto in ajax non puoi inviare file binari pertanto non puoi eseguire una semplice chiamata ajax (come consigliato da ciakko) e considerando le tue poche consocenze js/jquery lo ritengo molto improbabile che tu ci riesca.