Upload multiple avec ajout dynamique des champs

Version imprimable

22/02/2008, 14h28
Invité

Upload multiple avec ajout dynamique des champs

J'ai trouvé ce code et j'aimerais l'adapter pour mon site. C'est un script qui permet d'ajouter et d'enlever des champs file (upload) en javascript donc sans recharger la page. Malheureusement je ne comprends pas tout...

Je ne comprends pas quels noms prennent les champs et comment les récupérer... Quelqu'un pour m'aider :D ?
22/02/2008, 14h33
SpaceFrog
en fait ça crée pas des inputs file à la chaine ...

Code:

fich.name = 'mesfichiers[]';

cote php tu récupères
Code:

1 2 3 $_POST['mesfichiers'][0] $_POST['mesfichiers'][1] $_POST['mesfichiers'][2]
22/02/2008, 14h34
Invité

Merci beaucoup, c'est tout ce dont j'avais besoin !

[edit] Oups... non pas résolu

Comment je fais pour savoir combien de champs sont remplis ensuite dans mon fichiers php ?

Y'a pas une variable ou quelque chose ?
22/02/2008, 14h42
SpaceFrog

un array_count en php ou tu passe un autre champs hidden en javascript
avec

Code:

document.getElementsByName('mesfichiers').length
22/02/2008, 14h54
le_chomeur

Préfère La méthode qui permet de récupérer la taille de ton tableau coté php :)
22/02/2008, 15h04
Invité
Alors j'ai copié le code dans ma page, ok. Mais je n'arrive pas à récupérer...

J'ai seulement modifié la ligne :

Code:

fich.name = 'mesfichiers[]';

en

Code:

fich.name = 'fichier_page[]';

Ensuite dans mon fichier qui est censé récupérer j'ai mis ceci :
Code:

1 2 3 $form_nbfic_page = count($_POST['fichier_page']); echo $form_nbfic_page;
Systématiquement il me retourne 0...
22/02/2008, 15h07
SpaceFrog

Code:

var_dump($_POST['fichier_page'])

??
22/02/2008, 15h18
Invité

var_dump($_POST['fichier_page']) = NULL ...

Tout d'un coup je suis plus très sûr qu'on récupère comme ça...
22/02/2008, 15h36
SpaceFrog

j'ai un trou de mémoire ...
je l'ai déja fait mais je ne sasi plus comment

Code:

$_POST['mesfichiers[0]']

Je ne comprends vraiment plus là.... J'ai essayé tout ça et à chaque fois, NULL
Code:

1 2 3 4 5 6 var_dump($_POST['fichier_page[0]']); var_dump($_POST['fichier_page[]']); var_dump($_POST['fichier_page']); var_dump($_POST['fichier_page'][0]); var_dump($_POST['fichier_page']['']);

22/02/2008, 15h51
SpaceFrog

non non la syntaxe correcte est bien

Code:

$_POST['mesfichiers'][0]

le problème est ailleurs ...
essaye avec des inputs en dur , pas dynamiques ...
22/02/2008, 16h30
le_chomeur

:aie: question bête , as tu bien définis du coté de ton formulaire la méthode post ??

Oui. Mon formulaire se présente à peu près comme suit :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<form enctype="multipart/form-data" name="page" method="post" action="<?php echo HOST; ?>pages/t_edi_page.php">
 
// des champs input
 
echo "
	<fieldset  id='fichiers'>
		[<a href='#' onclick='ajouter(); return false;' />+</a>]<br />
	</fieldset >";
 
// des autres champs
 
</form>

22/02/2008, 16h42
SpaceFrog

est tu sur de bien appender l'input dans le form ?

Code:

var conteneur = document.getElementById('fichiers');

as tu bien modifié cette ligne pour appender dans le form ??

si te inputs ne sont pas dans le form il n'y a pas grande chance pour qu'il arrivent coté serveur ...

[edit] oki j'avais pas vu l'id du fieldset [/edit]
25/02/2008, 11h15
Invité

Je ne vois pas ou si situe mon problème. Apparemment, rien les champs d'upload n'envoient rien à mon script censé récupérer les fichiers

Je n'ai pas trouvé la solution à ce problème mais j'ai trouvé un autre script sur ce site. On a un formulaire d'upload multiple à la gmail. Très facile à utiliser.

le code javascript :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
var upload_number = 2;
	function addFileInput()
	{
		var d = document.createElement("div");
		var l = document.createElement("a");
		var file = document.createElement("input");
		file.setAttribute("type", "file");
		file.setAttribute("name", "fichier_page"+upload_number);
		l.setAttribute("href", "javascript:removeFileInput('f"+upload_number+"');");
		l.appendChild(document.createTextNode("enlever"));
		d.setAttribute("id", "f"+upload_number); d.appendChild(file);
		d.appendChild(l); document.getElementById("moreUploads").appendChild(d);
		upload_number++;
	}
 
	function removeFileInput(i)
	{
		var elm = document.getElementById(i);
		document.getElementById("moreUploads").removeChild(elm);
		upload_number--;
	}

le code html :

Code:

1
2
3
4
5
6
 
<input type=\"file\" name=\"fichier_page1\" id=\"fichier_page1\" onchange=\"document.getElementById('moreUploadsLink').style.display = 'block';\" />
<div id=\"moreUploads\"></div>
<div id=\"moreUploadsLink\" style=\"display:none;\">
	<a href=\"javascript:addFileInput();\">Attacher un autre fichier</a>
</div>

Je mets le tag résolu et merci à tous pour votre participation et votre aide. :yaisse2::yaisse3: