Upload de fichiers en différé

**ratapapa** · 24/03/2006, 11h17

Voila, je ne sais pas si c'est réalisable, mais j'aimerais arriver à créer une page qui permettrait de télécharger plusieurs fichiers en différé.

Pour cela la page proposerait un <input type="file"> a l'utilisateur, et dès qu'il l'aurait renseigné, le résultat est récupéré, et l'utilisateur a à nouveau la possibilité de renseigner cet input.

Ensuite, lorsqu'il valide le formulaire, la liste des fichiers a uploader est envoyé et un script php les récupère.

Est ce possible ?
Merci d'avance pour vos réponses.

**ratapapa** · 24/03/2006, 13h58

Bon on a trouvé la solution je la donne pour ceux que ca interesse.

Le principe est d'utiliser un <div> caché, et un <div> visible.

Bon je laisse le code c'est plus simple :

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
 
<script language="javascript">
function ajouter_file(i)
{
	var index=(i+1);
//	var obj=eval("documents[" + i + "]");
	var obj="documents_" + i;
	var obj2 = "<input name='documents_"+index+"' id='documents_"+index+"' type='file' onchange=\"ajouter_file("+index+")\">" ;
	var obj3 = "<input type='button' name='supp_doc_"+i+"' onclick='remove_file("+i+")' value='documents_"+i+"'>";
 
	alert(obj3);
 
//	alert(obj2);
//	alert(document.getElementById(""+obj+"").value);
//	alert(test.getElementById("documents[" + i + "]").value);
	var file = document.createElement(obj2);
var t='<input type="text" name="toto" value="toto">';
	var file2 = document.createElement(obj3);
	cache.appendChild(document.getElementById(""+obj+""));
	liste.appendChild(file2);
	envoi.appendChild(file);
}
 
 
function remove_file(i)
{
	obj = "documents_" + i;
	obj2 = "supp_doc_" + i;
 
	liste.removeChild(document.getElementById(""+obj2+""));
	cache.removeChild(document.getElementById(""+obj+""));
}		
 
 
 
</script>
</head>
<body>
 
<form name="test" enctype="multipart/form-data" action="envoi_file.php" method="POST">
<div id="cache" name="cache" style="display:none">
</div>
 
<div name="envoi" id="envoi">
<input type="file" name="documents_1" id="documents_1" onchange="ajouter_file(1)">
</div>
<BR>
<input type="submit" name="valider" value="Valider">
 
 
<div name="liste" id="liste" style="display:block">
</div>

Voilou

Upload de fichiers en différé

JavaScript

Discussions similaires

Partager

Partager