gestionnaire de succès $ .ajax pas appelé

Question

Je possède ce petit script AJAX pour gérer un téléchargement de fichier:

$('body').on('change', '#uploadFile', function() { 
    // Post-Data 
    var data = new FormData(); 
    data.append('file', this.files[0]); 
    //data.append('foo', 1); 

    // Ajax-Call 
    $.ajax({ 
     url: "uploadUserpic.php", 
     data: data, 
     type: "POST", 
     processData: false, 
     contentType: false, 
     success: function(evt) { 
      $("#message").html(data); 
     } 
    }); 
}); 

Le fichier télécharger lui-même fonctionne, mais le message sur le succès (en #message) non représenté. Pourquoi est-ce? Voici le petit script PHP pour le téléchargement:

$uploaddir = '../data/'; 
$uploadfile = $uploaddir . basename($_FILES['file']['name']); 

if (move_uploaded_file($_FILES['file']['tmp_name'], $uploadfile)) { 
    echo "File Upload OK.\n"; 
} else { 
    echo "Something went wrong\n"; 
} 

Answer 1

Donc, la solution est d'envelopper la fonction de succès dans une autre fonction. Ne me demande pas pourquoi. Ne demandez pas pourquoi un homme doit passer des heures à lire ces informations importantes:

$('body').on('change', '#uploadFile', function() { 

// Post-Data 
var data = new FormData(); 
data.append('file', this.files[0]); 
//data.append('foo', 1); 

// Ajax-Call 
$.ajax({ 
    url: "uploadUserpic.php", 
    data: data, 
    type: "POST", 
    processData: false, 
    contentType: false, 
    success : handleData 
}); 
}); 

function handleData(data) { 
    $("#message").html(data); 
//do some stuff 
}