Discussion :

[ilalbima]

Bonjour,
Je débute en php, mais la je me suis totalement bloqué:
je veut envoyer un formulaire contenant des infos d'une personne ainsi que ses photos,
Pour enregistrer les photos j'utilise ajaxForm avec le parametre (TARGET : 'liste-photos'), avec 'liste-photos' est un DIV, tout se passe bien jusqu'ici
mais une fois que j'envoie le formulaire (submit) le resultat s'insere dans le DIV du (ajaxForm TARGET: 'liste-photos') !!! au lieu d'afficher le contenu du fichier 'save_infos.php'

Prière de m'aider a m'en sortir de ce problème


----------------------------------------------------------------
saisie_infos.php
----------------------------------------------------------------

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
21
 
 
<form id="infos_form" method="post" action="save_infos.php"   enctype="multipart/form-data"  >
 
 
            Nom : <input name="nom" value="" id="nom" type="text">
            Prénom : <input name="prenom" value="" id="prenom" type="text">
            Adresse : <input name="adresse" value="" id="adresse" type="text">
 
 
             <div id ="liste-photos" class="liste-photos" >
 
	     </div>
 
            <br/>
            <input id="imgUpload" type="file" accept="image/bmp,image/gif,image/jpeg,image/png,image/x-ms-bmp"  multiple/>
 
            <br/>
            <br/>
            <input id="envoyer"  name="valider" type="submit" value="valider" >
  </form>

----------------------------------------------------------------
saisie_infos.js
----------------------------------------------------------------

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
	$(document).ready(function(){
 
		$("#imgUpload").click(function() {
 
 
			$('#infos_form').attr('action','upload_img.php'); 
 
								});
 
		$("#envoyer").click(function() {
 
 
			$('#infos_form').attr('action','save_infos.php'); 
 
		});
 
	if(window.File && window.FileList && window.FileReader)
       {
	     var filesInput = document.getElementById("imgUpload");
 
 
		filesInput.addEventListener("change", function(event){
					$("#infos_form").ajaxForm({
						  		                     target: '#liste-photos',
                                                                       	             resetForm: false,
   	                                                                             success:function(){
                                                                                     }
                                                                      }).submit();
 
 
               });                                   
 
       }		
    });

----------------------------------------------------------------
upload_img.php
----------------------------------------------------------------

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
<?php
 
 
session_start();
 
 
 
$pathTo 	= "up/";
$maxSize 	= '3'; //en Mo
 
 
 
if(isset($_POST) AND $_SERVER['REQUEST_METHOD'] == "POST" )
{
							$images = $_FILES['imgUpload']; 
 
							$count = count($images['name']);
 
 
							for ($i=0; $i <$count ; $i++) 
							{ 
 
											$type = $images['type'][$i];
											$name = $images['name'][$i];
											$size = $images['size'][$i];
 
											if(strlen($name))
											{
															move_uploaded_file($tmp,$pathTo.$name)
															$msgSuccess .="<div id='ph_".$i."'  <img   src='up/".$name."'/>   <input id='img_".$i."' type='hidden' value='up/".$name."' ></div>";
 
											}
							}
	}
	echo $msgSuccess;
 
?>

[ABCIWEB]

Salut,

J'ai pas le temps de regarder ton code dans le détail mais pour info il y a un module d'upload complet et prêt à l'emploi ici.