[JavaScript/CSS] Upload de plusieurs fichiers
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:
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 ;)
