Form onSubmit pour l'upload d'un fichier

Version imprimable

04/02/2009, 20h09
Zouko

Form onSubmit pour l'upload d'un fichier
Bonjour,

Je voulais avoir une information. J'utilise un formulaire pour uploader des images
Code:

1 2 3 4 5 <form method="POST" action="" onSubmit="return monAction()"> <input type="file" name="file"/> <input type="submit" value="Uploader"/> </form>
Seulement je voudrais afficher un mesage au moment ou on clique sur le bouton "uploader", cela se fait très bien avec "monAction()" dans le onSubmit qui retourne un "true" mais l'upload ne se termine pas ...

Une expliquation? est-ce seulement possible?

Merci d'avance :)
04/02/2009, 21h58
Jumano

Bonsoir,
Quel est le code de ta fonction : monAction() ?

Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <script type="text/javascript"> function monAction(){ jQuery('#waitUpload').html('En Cours d\'upload'); jQuery('#ajouterPicture').attr('disabled', 'disabled'); } </script> <form method="POST" action="" onSubmit="return monAction()"> <input type="file" name="file"/> <input type="submit" value="Uploader" name="ajouterPicture"/> </form> <div id="waitUpload"></div>
Avec ça, j'affiche un message dés qu'il appuie sur le bouton, et grise le bouton du formulaire.

Mais ça exécute bien ma fonction, seulement ensuite ça upload pas mon image. Alors que le submit sans le onClick, fonctionne parfaitement. :/

04/02/2009, 22h12
Jumano

Et quel est le code PHP pour l'upload ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
if( isset($_POST['upload']) && isset($_POST['categorie'])){
		$tmp_file = $_FILES['fichier']['tmp_name'];
 
	$content_dir = $categorie.'/';
 
	if( !is_uploaded_file($tmp_file) )
	{
		echo $error;
		exit("Le fichier est introuvable");
	}
 
	//vous pouvez vÃ©rifier l'extension du fichier ici.
 
	$name_file = $_FILES['fichier']['name'];
 
	if( !move_uploaded_file($tmp_file, $content_dir . $name_file) )
	{
		exit("Impossible de copier le fichier dans $content_dir");
	}

Plus une moulinette après ça pour gérer un redimensionnement de l'image.