Discussion :

[ganjaaw]

salut,

voila je suis à la recherche d'aide pour un script qui s'ouvre avec thickbox, qui m'affiche mon formulaire avec juste un champ "file" et un bouton.

Ensuite on traite l'upload du fichier (en ajax) et on affiche un message de confirmation.

J'ai déjà fait une partie mais lors de l'envoie du formulaire impossible de recup le fichier voila mon code :

Le formulaire qui s'ouvre avec thickbox :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<form action="" enctype="multipart/form-data" onsubmit="upload(this)" method="post" name="formSaisie">
<p>Fichier mp3 : <input type="file" name="file" id="file" /></p>
<p><input type="submit" name="submit" id="submit" value="upload" /></p>
</form>

La requete jquery.ajax :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
function upload()
{
    $.ajax({
   type: "POST",
   url: "inc/upload.php",
   data: "name=John&location=Boston",
   success: function(msg){
     alert( "Data Saved: " + msg );
   }
 });
 
}

mon fichier uplaod pour juste voir le nom du fichier :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
f
<?php
echo $_FILES['file']['name'];
?>

Le script marche si je mets un "echo 'Salut';", c'est un soucis qu'il ne post pas le file.

Merci pour vos réponses !

A+

[DoubleU]

Ajax ne permet pas l'envoie de fichiers.

En outre, je ne sais pas si c'est volontaire, mais dans ton code l'envoi du formulaire se fait 2 fois:
- d'abord, sur le onsubmit, tu envoies ta requete ajax, mais pas le reste du formulaire, donc tu auras un traitement uniquement sur les paramètres envoyés par la requete ajax.
- ensuite, comme tu ne renvoies pas false dans le onsubmit, le formulaire est envoyé, avec donc juste les champs définis dans le html.

2 envois = 2 réponses

Ceci étant, si tu veux envoyer ton formulaire avec ton input file sans recharger la page, met le dans une iframe.