Filtrage sur un input type file

**nakata77** · 19/08/2010, 17h39

Bonjour à tous,

J'aimerai faire un filtrage sur un type de fichier lorsque l'utilisateur click sur le bouton de type file. Pour l'instant, le filtrage se fait une fois que l'utilisateur sélectionne le fichier mais je voudrai qu'elle se fasse dans la boite de dialog directement. Avez vous une idée ?

Voici mon code:

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
53
54
55
56
57
58
59
60
61
62
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<script type="text/javascript">
function getfile(){
	document.getElementById("hiddenfile").click();
    document.getElementById('selectedfile').value=document.getElementById('hiddenfile').value;
	document.getElementById("selectedfile").focus();
	check(document.getElementById('hiddenfile').value);
 
 
 
}
 
function check(ext) {
  //var ext = document.getElementById('hiddenfile').value;
  ext = ext.substring(ext.length-3,ext.length);
  ext = ext.toLowerCase();
  if(ext != 'xls') {
    alert('You selected a .'+ext+
          ' file; please select a .jpg file instead!');
    return false; 
	}else{
    return true; 
	}
 
}
 
 
 
 
function simulateClick() {
  var evt = document.createEvent("MouseEvents");
  evt.initMouseEvent("click", true, true, window,
    0, 0, 0, 0, 0, false, false, false, false, 0, null);
  var cb = document.getElementById("checkbox"); 
  var canceled = !cb.dispatchEvent(evt);
  if(canceled) {
    // A handler called preventDefault
    alert("canceled");
  } else {
    // None of the handlers called preventDefault
    alert("not canceled");
  }
}
 
 
</script>
 
    </head>
 
 
<body>
<input type="file" name="hiddenfile" id="hiddenfile" accept="image/gif" style="display:none" />
<input type="text" name="selectedfile" id="selectedfile"  />
<input type="image" src="compass.gif" onclick="getfile()"  />
 
</body>
 
</html>

Cdlt,

**Bovino** · 19/08/2010, 17h47

Ce n'est pas possible pour des raisons de sécurité (permettre un filtrage donnerait à JavaScript trop de privilèges sur ton système de fichiers qui pourraient être mal exploités).

Filtrage sur un input type file

JavaScript

Discussions similaires

Partager

Partager