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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
|
<title>Upload de fichier</title>
<html lang="fr">
<meta charset="UTF-8" />
<script>
// long t0 = System.currentTimeMillis();
var uploader = document.getElementById('uploader');
function _(elmt){
return document.getElementById(elmt);
}
function uploadFichier(){
var file = _('file').files[0];
var nom = _('nom');
var choix1 = _('choix1');
var choix2 = _('choix2');
var choix3 = _('choix3');
var choix4 = _('choix4');
var choix5 = _('choix5');
var choix6 = _('choix6');
var choix7 = _('choix7');
var choix8 = _('choix8');
var choix9 = _('choix9');
var choix10 = _('choix10');
var choix11 = _('choix11');
var choix12 = _('choix12');
var data = new FormData();
data.append('file', file, nom, choix1, choix2, choix3, choix4, choix5, choix6, choix7, choix8, choix9, choix10, choix11, choix12);
set_time_limit(0);
var ajax = new XMLHttpRequest();
ajax.upload.addEventListener("progress", progressHandler, false);
ajax.addEventListener("load", completeHandler, false);
ajax.addEventListener("error", errorHandler, false);
ajax.addEventListener("abort", abortHandler, false);
ajax.open("POST", "up-script.php");
ajax.send(data);
}
function progressHandler(event){
_('status_bytes').innerHTML = event.loaded + ' bytes uploadés sur ' + event.total;
var pourcentage = (event.loaded / event.total) * 100;
_('progressBar').value = Math.round(pourcentage);
_('status').innerHTML = Math.round(pourcentage) + '% uploadé - Patientez...';
}
function completeHandler(event){
_('status').innerHTML = event.target.responseText;
_('progressBar').value = 0;
}
function errorHandler(){
_('status').innerHTML = "L'upload a échoué!";
}
function abortHandler(){
_('status').innerHTML = "L'upload a ´té annulé!";
}
</script>
<body>
<form name="formulaire" method="post" enctype="multipart/form-data">
<p style="text-align: center;">Upload d'un fichier</p>
<p style="text-align: center;"> </p>
<p style="text-align: center;"><!-- Le contenu du formulaire est Ã*lacer ici... --></p>
<p style="text-align: center;"><!-- Ajouter le nom du fichier --></p>
<p style="text-align: center;">Résumé du contenu (pas du fichier) <input name="nom" size="50" type="textbox" /></p>
<p style="text-align: center;"><!-- Permet de séctionner un fichier --></p>
<p style="text-align: center;">Séléctionnez votre fichier <input name="file" type="file" id="file" /></p>
<p style="text-align: center;">
<progress id="progressBar" value="0" max="100"></progress>
</p>
<style="text-align: center;">
<h2 id="status"></h2></p>
<style="text-align: center;">
<p id="status_bytes"></p>
<style="text-align: center;">
<p id="status_speed"></p>
<p style="text-align: center;"><input name="MAX_FILE_SIZE" type="hidden" value="1500000000" /></p>
<p style="text-align: center;">Séléctionner le type de fichiers</p>
<p style="text-align: center;"><input name="choix1" type="checkbox" /> .doc <input name="choix2" type="checkbox" /> .docx <input name="choix3" type="checkbox" /> .xls</p>
<p style="text-align: center;"><input name="choix4" type="checkbox" /> .xlsx <input name="choix5" type="checkbox" /> .ppt <input name="choix6" type="checkbox" /> .pptx</p>
<p style="text-align: center;"><input name="choix7" type="checkbox" /> .pps <input name="choix8" type="checkbox" /> .ppsx <input name="choix9" type="checkbox" /> CAD</p>
<p style="text-align: center;"><input name="choix10" type="checkbox" /> Outlook(.sdb) <input name="choix11" type="checkbox" /> Outlook(.mdb) <input name="choix12" type="checkbox" /> .zip </p>
<p style="text-align: center;"><!-- Bouton Envoyer --></p>
<p style="text-align: center;"><input name="envoyer" type="button" value="Envoyer le fichier" onclick="uploadFichier()"/></p>
</form>
</p>
</body>
</html> |
