topical media & game development
actionscript-book-FileIO-com-example-programmingas3-fileio-FileUpload.ax
actionscript-book-FileIO-com-example-programmingas3-fileio-FileUpload.ax
[swf]
flex
package {
import flash.events.*;
import flash.net.FileReference;
import flash.net.URLRequest;
import mx.controls.Button;
import mx.controls.ProgressBar;
import mx.core.UIComponent;
public class @ax-actionscript-book-FileIO-com-example-programmingas3-fileio-FileUpload extends UIComponent {
// Hard-code the URL of the remote upload script.
private const UPLOAD_URL:String = "http://www.yourdomain.com/upload_script.cfm";
private var fr:FileReference;
// Define reference to the upload ProgressBar component.
private var pb:ProgressBar;
// Define reference to the "Cancel" button which will immediately stop the upload in progress.
private var btn:Button;
public function @ax-actionscript-book-FileIO-com-example-programmingas3-fileio-FileUpload() {
}
Set references to the components, and add listeners for the SELECT,
OPEN, PROGRESS, and COMPLETE events.
public function init(pb:ProgressBar, btn:Button):void {
// Set up the references to the progress bar and cancel button, which are passed from the calling script.
this.pb = pb;
this.btn = btn;
fr = new FileReference();
fr.addEventListener(Event.SELECT, selectHandler);
fr.addEventListener(Event.OPEN, openHandler);
fr.addEventListener(ProgressEvent.PROGRESS, progressHandler);
fr.addEventListener(Event.COMPLETE, completeHandler);
}
Immediately cancel the upload in progress and disable the cancel button.
public function cancelUpload():void {
fr.cancel();
pb.label = "UPLOAD CANCELLED";
btn.enabled = false;
}
Launch the browse dialog box which allows the user to select a file to upload to the server.
public function startUpload():void {
fr.browse();
}
Begin uploading the file specified in the UPLOAD_URL constant.
private function selectHandler(event:Event):void {
var request:URLRequest = new URLRequest();
request.url = UPLOAD_URL;
fr.upload(request);
}
When the OPEN event has dispatched, change the progress bar's label
and enable the "Cancel" button, which allows the user to abort the
upload operation.
private function openHandler(event:Event):void {
pb.label = "UPLOADING";
btn.enabled = true;
}
While the file is uploading, update the progress bar's status and label.
private function progressHandler(event:ProgressEvent):void {
pb.label = "UPLOADING %3%%";
pb.setProgress(event.bytesLoaded, event.bytesTotal);
}
Once the upload has completed, change the progress bar's label and
disable the "Cancel" button since the upload is already completed.
private function completeHandler(event:Event):void {
pb.label = "UPLOADING COMPLETE";
pb.setProgress(0, 100);
btn.enabled = false;
}
}
}
(C) Æliens
27/08/2009
You may not copy or print any of this material without explicit permission of the author or the publisher.
In case of other copyright issues, contact the author.