Discussion :

[Zouko]

Bonjour,

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

Code :

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

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

[Jumano]

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

[Zouko]

Code :

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

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. :/

[Jumano]

Et quel est le code PHP pour l'upload ?

[Zouko]

Code :

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

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.