Ciao a tutti. Il seguente script permette con il click del pulsante di caricare un'immagine con ajax. NOTA. L'immagine una volta caricata viene mostrata all'interno del form. Come faccio a fare in modo che l'immagine si carichi senza dover cliccare sul bottone per confermare
'<form id="uploadForm" action="upload.php" method="post">'+
'<div id="targetLayer"></div>'+
'<div class="tipologia">Scegli la tua locandina</div>'+
'<input name="userImage" type="file" class="upload-filename" />'+
'<button type="submit" value="Submit" class="btnSubmit">Carica il file</button>'+
'</form>'+
$("#uploadForm").on('submit',(function(e){
e.preventDefault();
$.ajax({
url: "upload.php",
type: "POST",
data: new FormData(this),
contentType: false,
cache: false,
processData:false,
success: function(data){
$("#targetLayer").html(data);
},
error: function(){}
});
}));