Bonjour,
Je me suis créé à chez un serveur web qui me permet de pouvoir à accès à mes fichiers lorsque je suis en déplacement.
Ceci fonctionnait très bien, mais il était nécessaire de connaître le lien par coeur pour pouvoir avoir accès à ces fichiers.
De ce fait, j'ai décidé de me faire un script de téléchargement afin de pouvoir récupérer un certain nombre d'informations et les entrer dans une base SQL lors du téléchargement du fichier, ce qui fonctionne très bien.
Depuis peu, j'ai voulu mettre une barre d'avancement du téléchargement, car ça pouvait être assez long et je veux savoir où en est le téléchargement.
Depuis, je n'arrive plus du tout à télécharger et même commencer le téléchargement. Pourriez-vous m'aider à identifier où se situe le problème?

La première partie du script, qui est en PHP est la partie qui permet de mettre la barre d'avancement ainsi que le lancement d'un script secondaire (up-script.php) qui permettra de rentrer les données dans la base SQL.
La seconde partie, qui est en HTML, permet de faire la mise en page de la page web, qui est rudimentaire, mais suffisante. Il s'agit d'une page qui affiche, le résumé du fichier qui est à rentrer, le fichier qu'il faut télécharger (grâce à un bouton "Parcourir"), la barre d'avancement du téléchargement, des coches qui permettent de déterminer le type de fichier et enfin, le bouton envoi (qui devrait lancer la fonction uploadFichier).
Dans ce script, je récupère les valeurs des coches que j'ai mises, le nom du fichier et le fichier. Je mets tout ça dans le paramètre data et si aucun problème ne survient, je l'envoi au script up-script.php, qui est un fichier séparé dans le même répertoire.

Mon problème est que lorsque j'appui sur le bouton envoyer, rien ne se passe et je n'arrive pas à comprendre pourquoi.

Merci beaucoup pour votre aide et voici le script ci-dessous.


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
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>