Récupération des champs file multiples et dynamiques

**leclone** · 01/09/2008, 11h19

bonjour a tous,

Voici mon probleme,

J'ai un formulaire qui me permet d'uploader une photo et un script Js qui me permet d'ajouter des inputs pour uploader d'autres photos.

voici le formulaire et le script :

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
<html>
<head>
<title>Document sans nom</title>
<script language="javascript">
<!--
function create_champ(i) 
{
var i2 = i + 1;
 
document.getElementById('input_'+i).innerHTML = '<div id="champs_'+i+'">Fichier '+i+' :<input type="file" name="photo_'+i+'"></div></span>';
document.getElementById('input_'+i).innerHTML += (i <= 10000) ? '<span id="input_'+i2+'"><input class="input2" type="button" onClick="javascript:create_champ('+i2+')" value="Insérer un autre champ"></span>' : '';
}
-->
</script>
</head>
<body>
<form method='POST' action='upload.php' name="upload">
  <div id="champs_1">
    <div align="left"> Photo n°1 :
      <input name="photo_1" type="file"/>
    </div>
  </div>
  <div align="left"> <span id="input_2">
    <input name="button" type="button" class="input2" onClick="javascript:create_champ(2)" value="Ins&eacute;rer un autre champ">
    </span></div>
</form>
</body>
</html>

Mon probleme, dans la page upload.php, je ne sais pas comment recuperer les différents input car l'utilisateur peut uploader 3, 4 ou meme 100 photos (donc 3 , 4 ou 100 input)

est ce que quelqu'un pourrait-il m'aider??

merci d'avance

Cordialement

**guidav** · 01/09/2008, 11h28

J'ai 2 solutions :
La première, tu testes l'existence des variables $_POST['photo_i'] et tu détermines ton i maximum comme ça, c'est assez moyen à mon avis.
La seconde, tu modifies un peu ton script pour donner le nom photo[] à ton input, et ensuite tu peux lire tous les éléments dans la variables $_POST['photo']

Il est important dans ton cas de différencier le name et l'id de tes éléments de formulaire.

Code non testé :

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
<html>
<head>
<title>Document sans nom</title>
<script language="javascript">
<!--
function create_champ(i) 
{
var i2 = i + 1;
 
document.getElementById('input_'+i).innerHTML = '<div id="champs_'+i+'">Fichier '+i+' :<input type="file" name="photo[]"></div></span>';
document.getElementById('input_'+i).innerHTML += (i <= 10000) ? '<span id="input_'+i2+'"><input class="input2" type="button" onClick="javascript:create_champ('+i2+')" value="Insérer un autre champ"></span>' : '';
}
-->
</script>
</head>
<body>
<form method='POST' action='upload.php' name="upload">
  <div id="champs_1">
    <div align="left"> Photo n°1 :
      <input name="photo_1" type="file"/>
    </div>
  </div>
  <div align="left"> <span id="input_2">
    <input name="button" type="button" class="input2" onClick="javascript:create_champ(2)" value="Ins&eacute;rer un autre champ">
    </span></div>
</form>
</body>
</html>

**riete** · 01/09/2008, 11h31

Rajoute déjà un bouton submit en fin de formulaire et ensuite tu récupère dans ta variable $_POST tes valeurs comme ceci:

Code :

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

1
2
$photo1= $_POST['photo_1'];
$photo2= $_POST['photo_2']; etc ...

IL y a d'autres méthode pour faire à peut près la même chose, ici ou là

**leclone** · 01/09/2008, 11h35

Envoyé par riete

Rajoute déjà un bouton submit en fin de formulaire et ensuite tu récupère dans ta variable $_POST tes valeur comme ceci:

Code :

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

1
2
$photo1= $_POST['photo_1'];
$photo2= $_POST['photo_2']; etc ...

Je ne peux pas faire comme ca je ne connais pas a l'avance le nombre de photo

**riete** · 01/09/2008, 11h56

Envoyé par leclone

Je ne peux pas faire comme ca je ne connais pas a l'avance le nombre de photo

Regarde bien les 2 liens que je t'ai proposés, lls traitent de ce sujet (il me semble).
Sinon tu peux simple faire:

Code :

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

count($_POST);

Ce qui te donnera le nombre d'images qui sont a uploader.

**guidav** · 01/09/2008, 11h58

Sinon tu peux simple faire:
count($_POST);

Sauf si $_POST contient d'autres éléments. Mieux vaut utiliser la syntaxe avec des tableaux que j'ai décrite plus haut.

Invité · 01/09/2008, 15h24

Bonjour,

Regarde ici :

http://olance.developpez.com/article...t/multiupload/

Récupération des champs file multiples et dynamiques

Langage PHP

Discussions similaires

Partager

Partager