Upload avec une barre de progression

**Fredy007** · 01/01/2017, 05h51

Bonjour,

Je crée un formulaire d'upload de fichiers, en se basant sur une barre de progression, je me suis référencé sur cette doc, la page de réception des données (uploadCheck.php) me retourne une session vide:

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
 
<head>
    <script src="https://code.jquery.com/jquery-3.1.1.js"></script>
    <script>
        $(document).ready(function() { 
            //$('.send').click(function(e) {
 
        $('input[type=file]').change(function(e) {
 
 
        var file = $('input[type=file]').get(0).files[0];
        console.log(file);
/* Output
File {name: "Foto.png", lastModified: 1472801997000, lastModifiedDate: Fri Sep 02 2016 08:39:57 GMT+0100 (WEST), webkitRelativePath: "", size: 153066…}
*/
        var formdata = new FormData();
        //console.log(formdata); // output: FormData {}
        formdata.append("file", file);
        formdata.append("size", file.size);
        console.log(formdata); // output: FormData {}
 
 
 
        var dloaded = e.loaded;
        console.log('loaded '+dloaded); // output: loaded undefined
 
        $.ajax({
            type: "POST",
            url: "uploadCheck.php",
            data: formdata,
            processData: false,
            dataType: "json",
 
        success: function(data) {
 
                     console.log('data '+data);
 
    } // end function
    //
        }); // end ajax
 
        //var dt = new FormData(this);
        //console.log(dt);
 
 
 
 
 
 
            return false; 
        });
 
});
 
    </script>
 
</head>
 
<body>
 
<form action="<?php echo $_SERVER["PHP_SELF"]; ?>" method="POST"
id="myForm" enctype="multipart/form-data">
<input type="hidden" value="demo"
name="<?php echo ini_get("session.upload_progress.name"); ?>">
<input type="file" name="userfile"><br>
<input type="submit" value="Start Upload">
</form>
 
 
</body>

uploadCheck.php

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
 
<?php
$key = ini_get('session.upload_progress.prefix').'demo';
 
 
 
echo 'key '.$key.'<br>';
 
print_r($_SESSION);
 
if(!empty($_SESSION[$key]))
{
    echo 'empty';
 
    $donnees = $_SESSION[$key];
 
    $depart= $donnees['start_time'];
    $maintenant=time();
    $delai_up= $maintenant-$depart;
 
    $bytes_processed = $donnees['bytes_processed'];
    $totale_taille = $donnees['content_length'];
 
    $avancee=$bytes_processed/$delai_up;
    $avancee= round($avancee/1024);
}
else
{
    echo 'not';
 
    $avancee = 0;
}
 
 
 
 
echo 'total :'.$totale_taille.' | bytes: '.$bytes_processed.' / delai: '.$delai_up.' => debit: '.$avancee;
 
 
?>

NB: La session est auto activée au serveur, pour les autres paramètres sont:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
session.upload_progress.enabled = On
session.upload_progress.cleanup = Off
session.upload_progress.prefix = "upload_progress_"
session.upload_progress.name = "PHP_SESSION_UPLOAD_PROGRESS"
session.upload_progress.freq =  "1%"
session.upload_progress.min_freq = "1"

Merci a vous

**Toufik83** · 01/01/2017, 11h00

bonjour,
t'as pas oublié une session_start() tout au début de ta page html?

**Fredy007** · 01/01/2017, 15h52

Envoyé par Toufik83

bonjour,
t'as pas oublié une session_start() tout au début de ta page html?

Non, je l'ai pas mis

NB: La session est auto activée au serveur,

**ABCIWEB** · 01/01/2017, 21h57

Salut,

Il y a un bug sous chrome et safari (depuis 2009 et qui apparemment ne sera jamais corrigé) qui fait que cette technique ne peut être employée avec ces navigateurs.

Tu peux utiliser ce module d'upload qui est compatible avec tous les navigateurs récents et qui propose cette fonctionnalité et bien plus. Les exemples fournis sont prêts à l'emploi.

**Fredy007** · 03/01/2017, 03h17

Merci ABCIWEB, j'ai aussi trouvé ce code sur le net

**ABCIWEB** · 03/01/2017, 06h12

Salut,

Oui c'est ce principe qu'il faut utiliser et qui est d'ailleurs employé dans l'utilitaire d'upload dont je parle plus haut.

Si c'est juste pour une progression graphique, ton code est très bien et suffisant, mais dans le cas d'upload on en souhaite souvent plus, c'est pour cela que j'ai proposé ce module qui est une collection de fonctionnalités (comme celle que tu as trouvée) qui ont été intégrées pour être utilisables par l'intermédiaire de simples options de configuration accessibles aux débutants sans besoin de coder du javascript. Je suis d'ailleurs entrain d'écrire un tuto de présentation qui sera visible dans un article sur ce forum prochainement, mais en attendant le module possède déjà un mode d'emploi complet et une quinzaine d'exemples directement fonctionnels si on utilise php côté serveur.

Il donne entre autre le résultat réel du téléchargement, pas seulement l'indication que le fichier est envoyé mais que le serveur l'a correctement enregistré. De nombreuses autres informations peuvent être affichées en temps réel (vignette de prévisualisation, temps restant, taille etc.) avec également des exemples de recadrage des images avant upload ou affichage des informations Exif des APN. On peut aussi limiter facilement les extensions autorisée, la taille maximale autorisée... et des styles et fonctions événementiels permettent de personnaliser facilement l'affichage en fonction du retour des informations en temps réel.

Il supporte l'upload multiple, multiple multiple (plusieurs champs de type file avec l'attribut multiple) et les gros fichiers disposent d'une sauvegarde automatique permettant une reprise d'upload en utilisant la partie sauvegardée après arrêt volontaire ou panne serveur ou internet. La technique utilisée permet également de surpasser les limitations serveurs concernant l'upload si bien qu'on peut télécharger des très gros fichiers sans limite de taille ni de nombre même sur des hébergements mutualisés premiers prix de type ovh etc.

Bref si tu cherches quelque chose de complet et de polyvalent cela peut te faire gagner beaucoup de temps

**Fredy007** · 03/01/2017, 15h55

J ai pu avancer dans le code, je ne metterais dès que possible

Upload avec une barre de progression

Langage PHP

Discussions similaires

Partager

Partager