Bonjour, je souhaiterais faire un formulaire d'upload de fichier sans rechargement de la page. J'aimerais ne pas utiliser de plugin et faire le maximum manuellement. En revanche jQuery me semble indispensable. J'ai donc ce code HTML :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
<form>
    <input type="file" name="fileToUpload" id="fileToUpload">
    <input id="envoyer" type="submit" value="Upload Image" name="submit">
</form>
Ce code PHP (simplifié au maximum) :
Code php : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
$target_dir = "uploads/";
$target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]);
move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file);
Et ce code Javascript :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
$("#envoyer").click(function(){
 
    $.ajax({
       url : 'upload.php',
       type : 'POST',
       dataType : 'html',
    });
 
});
Rien ne se passe avec ce code. J'ai lu que AJAX ne transportait pas de fichiers, donc si je comprends bien il faut que je sérialise le fichier uploadé ?
Merci d'avance !