Progress bar pourcentage uploadé

**leyeno** · 08/04/2010, 17h56

Bonjour,

voila j'ai un problème. J'ai un programme qui me permet lorsque je clique sur un bouton, de parcourir et d'envoyé une image dans un dossier sur mon serveur. Pour cela, j'ai un programme principal:

Code :

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

1
2
3
4
5
6
7
var monUp:ImageUpload = new ImageUpload("images");
private function lancerUpload(e:MouseEvent):void
{
 
monUp.init();
 
}

et une classe ImageUpload.as :

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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
package  {
 
    import flash.events.DataEvent;
....
 
    public class ImageUpload extends EventDispatcher {
 
                static public var START_UP:String = "Upload démarre";
                static public var END_UP:String = "Fin de l'upload";
                static public var ANNUL_UP:String = "Cancel de l'utilisateur";
                static public var SERVEUR_RETOUR:String="Le serveur a répondu";
                static public var POURCENT:Number;
 
                private var scriptURL:URLRequest;
                private var scriptURL2:URLRequest;
        private var file:FileReference;
                private var dest:String; //dossier de destination
 
                private var rootInfo:TextField;
 
                private var _messServeur:String;
 
                private const imagesFilter:FileFilter = new FileFilter("Images", "*.jpg;*.gif;*.png;*.bmp");
 
                private var _nameImage:String;
 
public function ImageUpload(dir:String) {
 
                        dest = dir;
 
                }
 
                public function init():void
                {
 
            scriptURL = new URLRequest();
            scriptURL.url = "*********/upload.php";
                scriptURL.method = URLRequestMethod.POST;
 
                        var variables:URLVariables = new URLVariables();
            variables.doss = dest;
            scriptURL.data = variables;
                        file = new FileReference();
                        file.addEventListener(Event.SELECT, onSelectImage);
                        configureListeners(file);
            file.browse([imagesFilter]);
 
                }
 
        private function configureListeners(dispatcher:IEventDispatcher):void {
            dispatcher.addEventListener(Event.CANCEL, onAnnul);
                dispatcher.addEventListener(Event.COMPLETE, onUploadComplet);
            dispatcher.addEventListener(HTTPStatusEvent.HTTP_STATUS, httpStatusHandler);
            dispatcher.addEventListener(IOErrorEvent.IO_ERROR, ioErrorHandler);
            dispatcher.addEventListener(Event.OPEN, onDebutUpload);
            dispatcher.addEventListener(ProgressEvent.PROGRESS, onProgess);
            dispatcher.addEventListener(SecurityErrorEvent.SECURITY_ERROR, securityErrorHandler);
            dispatcher.addEventListener(Event.SELECT, onSelectImage);
            dispatcher.addEventListener(DataEvent.UPLOAD_COMPLETE_DATA,rapportChargement);
        }
 
                 private function removeListeners(dispatcher:IEventDispatcher):void {
            dispatcher.removeEventListener(Event.CANCEL, onAnnul);
            dispatcher.removeEventListener(Event.COMPLETE, onUploadComplet);
            dispatcher.removeEventListener(HTTPStatusEvent.HTTP_STATUS, httpStatusHandler);
            dispatcher.removeEventListener(IOErrorEvent.IO_ERROR, ioErrorHandler);
            dispatcher.removeEventListener(Event.OPEN, onDebutUpload);
            dispatcher.removeEventListener(ProgressEvent.PROGRESS, onProgess);
            dispatcher.removeEventListener(SecurityErrorEvent.SECURITY_ERROR, securityErrorHandler);
            dispatcher.removeEventListener(Event.SELECT, onSelectImage);
        }
 
 
        private function onAnnul(event:Event):void {
                dispatchEvent(new Event(ImageUpload.ANNUL_UP));
        }
 
        private function onUploadComplet(event:Event):void {
 
                removeListeners(file);
                        dispatchEvent(new Event(ImageUpload.END_UP));
 
                }
 
        private function rapportChargement(event:DataEvent):void {
                _messServeur=String(event.data);
                        file.removeEventListener(DataEvent.UPLOAD_COMPLETE_DATA,rapportChargement);
                        dispatchEvent(new Event(ImageUpload.SERVEUR_RETOUR));
        }
 
 
 
                public function get messServeur():String
                {
                        return _messServeur;
                }
 
        private function httpStatusHandler(event:HTTPStatusEvent):void {
 
            trace("httpStatusHandler: " + event);
        }
 
        private function ioErrorHandler(event:IOErrorEvent):void {
 
            trace("ioErrorHandler: " + event);
            alert.show(String(event));
        }
 
        private function onDebutUpload(event:Event):void {
          dispatchEvent(new Event(ImageUpload.START_UP));
        }
 
        private function onProgess(event:ProgressEvent):void {
            var file:FileReference = FileReference(event.target);
            ImageUpload.POURCENT = (event.bytesLoaded/event.bytesTotal)*100;
                             }
 
        private function securityErrorHandler(event:SecurityErrorEvent):void {
            trace("securityErrorHandler: " + event);
        }
 
        private function onSelectImage(event:Event):void {
           file = FileReference(event.target);
           _nameImage= file.name;
                file.upload(scriptURL);
 
        }
 
                public function get nameImage():String
                {
                        return _nameImage;
 
                }       
 
        }
}

Je voudrais afficher une barre de progression, qui indique le pourcentage uploader.Donc pour cela je doit créer une progress bar. Dans ma classe, j'ai mon "ImageUpload.POURCENT" qui me renvoie le pourcentage uploadé.

Le problème c'est que j'arrive pas depuis mon fichier principal a afficher ce pourcentage dans la progresse bar. J'ai bien essayé d'utilisé setprogress dans ma progress bar ou d'autre élément mais rien n'y fait.

Quelqu'un a une idée?

**phoenixatareva** · 17/09/2010, 10h28

Salut leyeno,

Si ton application d'upload fonctionne c'est déjà pas mal.
Maintenant pour la gestion de la progression, je vois que tu utilise bien un écouteur

Code :

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

dispatcher.addEventListener(ProgressEvent.PROGRESS, onProgess);

Vérifie avec le debugger que celui-ci est bien appelé.
Sinon essaye directement de placer la méthode setProgress de ta progressBar dans ta fonction onProgress, quelque chose du style:

Code :

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

1
2
3
4
5
protected function UPprogressHandlingCallbackFunction(event:ProgressEvent):void
{
UploadProgressBar.setProgress(event.bytesLoaded, event.bytesTotal);
UploadProgressBar.label = "Uploading [" + Math.round(event.bytesLoaded / event.bytesTotal * 100).toString() + "%]"; 
}

Pour y écrire un label en texte du pourcentage d'avancement, utilise label sur ta ProgressBar.

Bon courage pour la suite.

Progress bar pourcentage uploadé

Flex

Discussions similaires

Partager

Partager