[JavaScript/CSS] Upload de plusieurs fichiers

**BiM** · 14/05/2009, 11h38

Bonjour,

J'ai une JSP avec un peu de Java dedans, ce formulaire me permet d'uploader plusieurs fichiers.

J'ai donc plusieurs questions :

Est-il possible de préciser le type de fichier souhaité (exemple : *.xml) pour que l'input file ne laisse à l'utilisateur la possibilité de ne choisir que ces fichiers ?
Lorsqu'on visualise la page ci dessous, le add fonctionne très bien mais pas le bouton delete. Lorsque j'efface un élément, il reste l'espace du premier au dessus. Comment corriger ce défaut ?

Navigateur : Firefox 3.0

Code HTML :

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
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
		<title>Ma JSP</title>
		<script type="text/javascript">
                        var num_fichier = 0;
                
                        function add()
                        {
                                num_fichier++;
                                newChamp = document.createElement('input');
                                newChamp.type = 'file';
                                newChamp.id = 'donnee'+num_fichier;
                                cadre = document.getElementById('mes_donnees');
                                cadre.appendChild(newChamp);
                                saut = document.createElement('br');
                                cadre.appendChild(saut);
                        }
                
                        function del()
                        {
                                cadre = document.getElementById('mes_donnees');
                                oldChamp = document.getElementById('donnee'+num_fichier);
                                cadre.removeChild(oldChamp);
                                num_fichier--;
                        }
                </script>
	</head>
	<body>
		<form action="MaServlet" method="post" enctype="multipart/form-data">
			<div id="mes_donnees">
				<input type="file" id="donnee0"/><br/>
			</div>
			<input type="button" value="Add" onclick="add()"/>
			<input type="button" value="Delete" onclick="del()"/><br/>
			<input type="submit" value="OK"/>
		</form>
	</body>
</html>

Merci d'avance pour les futurs courageux

**franculo_caoulene** · 14/05/2009, 12h30

Salut,

1) Dans del() tu détruis l'élément input, mais pas les br que tu crées dans add().
2) Tu peux tester l'attribut du input à la soumission du formulaire. C'est le seul moyen que je connaisse et c'est purement esthétique.

**SpaceFrog** · 14/05/2009, 12h41

perso je passerais plutot par un truc du genre nasuplaoder

**BiM** · 14/05/2009, 13h35

Tout d'abord, merci pour vos réponses

Envoyé par franculo_caoulene

Salut,

1) Dans del() tu détruis l'élément input, mais pas les br que tu crées dans add().
2) Tu peux tester l'attribut du input à la soumission du formulaire. C'est le seul moyen que je connaisse et c'est purement esthétique.

Ah oui tiens, pas bête
Heu wé mais le but ce n'est pas d'attendre la soumission du formulaire justement mais plutôt d'avoir un filtre sur la fenêtre de sélection.

Envoyé par SpaceFrog

perso je passerais plutot par un truc du genre nasuplaoder

Heu... c'est quoi ?
HTML ? JavaScript ? Ajax ? PHP ? Applet ? Autre ?

**SpaceFrog** · 14/05/2009, 14h01

Heu... c'est quoi ?
HTML ? JavaScript ? Ajax ? PHP ? Applet ? Autre ?

je vais t'apprendre un mot magique , masi ne le répète a personne ...

google

**BiM** · 14/05/2009, 15h13

J'ai regardé mais j'ai rien compris. J'ai l'impression que c'est du flash...

Mais bon de toute façon, le besoin a un peu changer, il n'est plus nécéssaires de télécharger plusieurs fichiers

Merci pour vos réponses en tout cas, je dormirais moins bête

**SpaceFrog** · 14/05/2009, 16h45

Oui je confime nasuploader est une solution multiupload en flash, c'est d'ailleurs une des seules choses pour les quelles j'utilise flash ^^

[JavaScript/CSS] Upload de plusieurs fichiers

JavaScript

Discussions similaires

Partager

Partager