[Checkins]
SVN: z3c.widget/sandbox/src/z3c/widget/flashupload/resources/
change of message config file with explicit flashuploadvars.xml name
Manfred Schwendinger
manfred.schwendiger at lovelysystems.com
Thu Oct 5 15:47:06 EDT 2006
Log message for revision 70545:
change of message config file with explicit flashuploadvars.xml name
Changed:
U z3c.widget/sandbox/src/z3c/widget/flashupload/resources/Upload.as
U z3c.widget/sandbox/src/z3c/widget/flashupload/resources/upload.fla
U z3c.widget/sandbox/src/z3c/widget/flashupload/resources/upload.js
U z3c.widget/sandbox/src/z3c/widget/flashupload/resources/upload.swf
-=-
Modified: z3c.widget/sandbox/src/z3c/widget/flashupload/resources/Upload.as
===================================================================
--- z3c.widget/sandbox/src/z3c/widget/flashupload/resources/Upload.as 2006-10-05 17:53:31 UTC (rev 70544)
+++ z3c.widget/sandbox/src/z3c/widget/flashupload/resources/Upload.as 2006-10-05 19:47:05 UTC (rev 70545)
@@ -1 +1 @@
-/**
Widget for uploading one or more Files to a Zope3 Server.
for autentication we need to get a ticket id befor sending the post request.
step1: get the ticket:
./ticket.html/filename=myfile.jpg
this returns us a target path:
targeturl=http://......
this is the target where we post the file
step2: send file to the given url
configuration:
on _level0 we receive the information about where to get the ticket - inside
the ticket we receive the url where to upload.
_level0.target_path -> where to get the ticket
_level0.allowed_types -> space seperated files of allowed types.
_level0.allowed_types = "Images (all jpgs and pngs); jpg jpeg png gif|
@author <manfred.schwendinger at lovelysystems.com>
*/
import flash.net.FileReferenceList;
import flash.net.FileReference;
class Upload extends MovieClip{
private var info_mc:MovieClip;
private var file_array:Array;
private var fileref:FileReferenceList;
private var file:FileReference; // currently active file for upload
private var allowed_types:Array;
private var debug_txt:TextField;
private var load_vars:LoadVars;
private var overall_total:Number;
private var overall_loaded:Number;
private var file_counter:Number;
private var file_amount:Number;
private var data_xml:XML;
private var error_msg:String;
private var js_command_queue:Array; // only one getURL can be called inside one frame. so lets make a queue to avoid troubles.
public function Upload(){
Stage.scaleMode = "noScale";
Stage.align = "LT";
js_command_queue = new Array();
overall_total = 0;
overall_loaded = 0;
file_counter = 0;
log("initialize. target: "+_level0.target_path);
// allow upload from the local host
System.security.allowDomain("http://localhost/");
fileref = new FileReferenceList();
fileref.addListener(this);
// we do not want to have an overall info if there is only 1 file uploading...
info_mc.overallinfo_mc._visible = false;
info_mc.fileinfo_mc.progress_mc.bar_mc.gotoAndStop(1);
info_mc.overallinfo_mc.progress_mc.bar_mc.gotoAndStop(1);
info_mc._visible = false;
var margin:Number = 5;
var width:Number = Stage.width - 2*margin;
// position of the file info (current file name + number)
info_mc.filename_txt._width = info_mc.filenum_txt._x - info_mc.filename_txt._x;
info_mc.filenum_txt._x = width - info_mc.filenum_txt._width;
info_mc.progress_txt.text = "";
info_mc.progress_txt._x = width - info_mc.progress_txt._width;
// file progress positions
this.setSize(info_mc.fileinfo_mc, width);
// overall progress positions
this.setSize(info_mc.overallinfo_mc, width);
var xml_url:String = _level0.base_path+"/@@vars.xml";
data_xml = new XML();
data_xml["ptr"] = this;
data_xml.ignoreWhite = true;
data_xml.onLoad = function(){ this.ptr.parseDataXML(this); }
data_xml.load(xml_url);
log("vars url: "+xml_url);
}
/*
sets the size of a bar line (overall and file bars)
*/
private function setSize(mc:MovieClip, width:Number):Void{
mc.label_txt._width = width - mc.progress_txt._width;
mc.progress_txt._x = width - mc.progress_txt._width;
mc.progress_mc._width = width;
}
/**
parses the language dependend strings.
*/
private function parseDataXML(obj_xml:XML):Void{
log("xml loaded: "+obj_xml.firstChild);
var nodes = obj_xml.firstChild.childNodes;
for (var i=0; i<nodes.length; i++){
var nodeval:String = nodes[i].firstChild.nodeValue;
switch(nodes[i].attributes.name){
case "file_progress" :
info_mc.fileinfo_mc.label_txt.text = nodeval;
break;
case "overall_progress" :
info_mc.overallinfo_mc.label_txt.text = nodeval;
break;
case "error" :
error_msg = nodeval;
break;
default:
log("error: unexpected attribute: "+nodes[i].attributes.name);
break;
}
}
}
/**
creates an array with all allowed types
the data gets parsed from the variable of _level0.allowed_types
var file:FileReference;
var allTypes:Array = new Array();
var imageTypes:Object = new Object();
imageTypes.description = "Images (*.jpg, *.jpeg, *.gif, *.png)";
imageTypes.extension = "*.jpg; *.jpeg; *.gif; *.png";
allTypes.push(imageTypes);
var textTypes:Object = new Object();
textTypes.description = "Text Files (*.txt, *.rtf)";
textTypes.extension = "*.txt;*.rtf";
allTypes.push(textTypes);
arr = [{description:'a description', extension:'*.jpg'}, .....]
*/
public function saveAllowedTypes(arr:Array):Void{
allowed_types = arr;
}
/**
starts the browsing process for uploading files
*/
public function browse():Void{
js_command_queue.push("javascript:z3cFlashUploadDisableBrowseButton()");
if (allowed_types.length>0){
fileref.browse(allowed_types);
}
else{
fileref.browse();
}
}
/**
starts the upload queue
*/
public function onSelect(fileRefList:FileReferenceList):Void{
file_array = fileRefList.fileList;
log("uploadFiles: "+file_array.length);
// overall progress should be visible on mutliple fileupload only.
info_mc.overallinfo_mc._visible = (file_array.length > 1);
for (var i=0; i<file_array.length; i++){
overall_total+=file_array[i].size;
}
if (file_array.length>0){
info_mc._visible = true;
file_counter = 0;
file_amount = file_array.length;
loadNextTicket();
}
}
/**
loads the next upload ticket via loadvars
the ticket holds some security information which
are required for the upload
*/
public function loadNextTicket():Void{
if (file_array.length == 0){
log("all files uploaded.");
// all files uploaded. Fire JavaScript Event
js_command_queue.push("javascript:z3cFlashUploadOnUploadCompleteFEvent()");
return;
}
load_vars = new LoadVars();
load_vars["ptr"] = this;
load_vars.onData = function(d:String){
this["ptr"].log("load data: "+d);
this["ptr"].loadNextFile(d);
}
load_vars.load(_level0.target_path+"/@@ticket");
}
/**
loads the next file inside the file_array
*/
public function loadNextFile(ticket:String):Void{
file = FileReference(file_array.pop());
var url:String = _level0.target_path+"?ticket="+ticket;
log("uploadNextFile: "+url);
file.addListener(this);
file.upload(url);
}
public function log(msg:String):Void{
trace(msg);
if (msg.length>500) msg = msg.substring(msg.length-100, msg.length);
_level0.debug_mc.debug_txt.text+=msg+"\n";
_level0.debug_mc.debug_txt.scroll = _level0.debug_mc.debug_txt.maxscroll;
}
/**
FileReference Listeners....
*/
public function onProgress(file:FileReference, bytesLoaded:Number, bytesTotal:Number):Void{
var percent:Number = Math.round(bytesLoaded/bytesTotal * 100);
if (percent>100) percent=100; // for any strange reason, the totalbytes can be smaller then the loade bytes :)
log("onProgress " + bytesLoaded + " bytesTotal: " + bytesTotal+" = "+percent+"%");
info_mc.fileinfo_mc.progress_mc.bar_mc.gotoAndStop(percent);
info_mc.fileinfo_mc.progress_txt.text = percent+"%";
var percent_complete:Number = Math.round((overall_loaded+bytesLoaded) / overall_total * 100);
info_mc.overallinfo_mc.progress_mc.bar_mc.gotoAndStop(percent_complete);
info_mc.overallinfo_mc.progress_txt.text = percent_complete+"%";
info_mc.progress_txt.text = getByteString(overall_loaded + bytesLoaded) + "/" + getByteString(overall_total);
}
/**
returns a nice prepared string
*/
public function getByteString(bytes:Number):String{
if (bytes<1024){
// bytes
return String(Math.round(bytes)+"B");
}
else if (bytes>(1024*1024)){
// MB
return String(Math.round(bytes/(1024*1024))+"MB");
}
else{
// KB
return String(Math.round(bytes/1024)+"KB");
}
}
public function onComplete(file:FileReference):Void{
log("file upload complete");
overall_loaded+=file.size;
this.loadNextTicket();
// tell javascript that the file is uploaded.
js_command_queue.push("javascript:z3cFlashUploadOnFileCompleteFEvent('"+file.name+"')");
}
public function onCancel(file:FileReference):Void{
log("onCancel");
js_command_queue.push("javascript:z3cFlashUploadOnCancelFEvent()");
}
public function onOpen(file:FileReference):Void{
log("onOpen: "+file.name+" : "+file.size);
file_counter++;
info_mc.filename_txt.text = file.name +" ("+Math.round(file.size/1024)+"kb)";
info_mc.filenum_txt.text = file_counter+"/"+file_amount;
}
public function onHTTPError(file:FileReference):Void {
log("onHTTPError: " + file.name);
js_command_queue.push("javascript:z3cFlashUploadOnErrorFEvent('"+this.error_msg+"')");
}
public function onIOError(file:FileReference):Void {
log("onIOError: " + file.name);
js_command_queue.push("javascript:z3cFlashUploadOnErrorFEvent('"+this.error_msg+"')");
}
public function onSecurityError(file:FileReference, errorString:String):Void {
log("onSecurityError: " + file.name + " errorString: " + errorString);
js_command_queue.push("javascript:z3cFlashUploadOnErrorFEvent('"+this.error_msg+"')");
}
public function onEnterFrame():Void{
if (_level0.startBrowse=="go"){
log("go event was fired");
_level0.startBrowse = "";
this.browse();
}
if (js_command_queue.length>0){
var command = js_command_queue.shift();
getURL(command);
}
}
}
\ No newline at end of file
+/**
Widget for uploading one or more Files to a Zope3 Server.
for autentication we need to get a ticket id befor sending the post request.
step1: get the ticket:
./ticket.html/filename=myfile.jpg
this returns us a target path:
targeturl=http://......
this is the target where we post the file
step2: send file to the given url
configuration:
on _level0 we receive the information about where to get the ticket - inside
the ticket we receive the url where to upload.
_level0.target_path -> where to get the ticket
_level0.allowed_types -> space seperated files of allowed types.
_level0.allowed_types = "Images (all jpgs and pngs); jpg jpeg png gif|
@author <manfred.schwendinger at lovelysystems.com>
*/
import flash.net.FileReferenceList;
import flash.net.FileReference;
class Upload extends MovieClip{
private var info_mc:MovieClip;
private var file_array:Array;
private var fileref:FileReferenceList;
private var file:FileReference; // currently active file for upload
private var allowed_types:Array;
private var debug_txt:TextField;
private var load_vars:LoadVars;
private var overall_total:Number;
private var overall_loaded:Number;
private var file_counter:Number;
private var file_amount:Number;
private var data_xml:XML;
private var error_msg:String;
private var js_command_queue:Array; // only one getURL can be called inside one frame. so lets make a queue to avoid troubles.
public function Upload(){
Stage.scaleMode = "noScale";
Stage.align = "LT";
js_command_queue = new Array();
overall_total = 0;
overall_loaded = 0;
file_counter = 0;
log("initialize. target: "+_level0.target_path);
// allow upload from the local host
System.security.allowDomain("http://localhost/");
fileref = new FileReferenceList();
fileref.addListener(this);
// we do not want to have an overall info if there is only 1 file uploading...
info_mc.overallinfo_mc._visible = false;
info_mc.fileinfo_mc.progress_mc.bar_mc.gotoAndStop(1);
info_mc.overallinfo_mc.progress_mc.bar_mc.gotoAndStop(1);
info_mc._visible = false;
var margin:Number = 5;
var width:Number = Stage.width - 2*margin;
// position of the file info (current file name + number)
info_mc.filename_txt._width = info_mc.filenum_txt._x - info_mc.filename_txt._x;
info_mc.filenum_txt._x = width - info_mc.filenum_txt._width;
info_mc.progress_txt.text = "";
info_mc.progress_txt._x = width - info_mc.progress_txt._width;
// file progress positions
this.setSize(info_mc.fileinfo_mc, width);
// overall progress positions
this.setSize(info_mc.overallinfo_mc, width);
var xml_url:String = _level0.base_path+"/@@flashuploadvars.xml";
data_xml = new XML();
data_xml["ptr"] = this;
data_xml.ignoreWhite = true;
data_xml.onLoad = function(){ this.ptr.parseDataXML(this); }
data_xml.load(xml_url);
log("vars url: "+xml_url);
}
/*
sets the size of a bar line (overall and file bars)
*/
private function setSize(mc:MovieClip, width:Number):Void{
mc.label_txt._width = width - mc.progress_txt._width;
mc.progress_txt._x = width - mc.progress_txt._width;
mc.progress_mc._width = width;
}
/**
parses the language dependend strings.
*/
private function parseDataXML(obj_xml:XML):Void{
log("xml loaded: "+obj_xml.firstChild);
var nodes = obj_xml.firstChild.childNodes;
for (var i=0; i<nodes.length; i++){
var nodeval:String = nodes[i].firstChild.nodeValue;
switch(nodes[i].attributes.name){
case "file_progress" :
info_mc.fileinfo_mc.label_txt.text = nodeval;
break;
case "overall_progress" :
info_mc.overallinfo_mc.label_txt.text = nodeval;
break;
case "error" :
error_msg = nodeval;
break;
default:
log("error: unexpected attribute: "+nodes[i].attributes.name);
break;
}
}
}
/**
creates an array with all allowed types
the data gets parsed from the variable of _level0.allowed_types
var file:FileReference;
var allTypes:Array = new Array();
var imageTypes:Object = new Object();
imageTypes.description = "Images (*.jpg, *.jpeg, *.gif, *.png)";
imageTypes.extension = "*.jpg; *.jpeg; *.gif; *.png";
allTypes.push(imageTypes);
var textTypes:Object = new Object();
textTypes.description = "Text Files (*.txt, *.rtf)";
textTypes.extension = "*.txt;*.rtf";
allTypes.push(textTypes);
arr = [{description:'a description', extension:'*.jpg'}, .....]
*/
public function saveAllowedTypes(arr:Array):Void{
allowed_types = arr;
}
/**
starts the browsing process for uploading files
*/
public function browse():Void{
js_command_queue.push("javascript:z3cFlashUploadDisableBrowseButton()");
if (allowed_types.length>0){
fileref.browse(allowed_types);
}
else{
fileref.browse();
}
}
/**
starts the upload queue
*/
public function onSelect(fileRefList:FileReferenceList):Void{
file_array = fileRefList.fileList;
log("uploadFiles: "+file_array.length);
// overall progress should be visible on mutliple fileupload only.
info_mc.overallinfo_mc._visible = (file_array.length > 1);
for (var i=0; i<file_array.length; i++){
overall_total+=file_array[i].size;
}
if (file_array.length>0){
info_mc._visible = true;
file_counter = 0;
file_amount = file_array.length;
loadNextTicket();
}
}
/**
loads the next upload ticket via loadvars
the ticket holds some security information which
are required for the upload
*/
public function loadNextTicket():Void{
if (file_array.length == 0){
log("all files uploaded.");
// all files uploaded. Fire JavaScript Event
js_command_queue.push("javascript:z3cFlashUploadOnUploadCompleteFEvent()");
return;
}
load_vars = new LoadVars();
load_vars["ptr"] = this;
load_vars.onData = function(d:String){
this["ptr"].log("load data: "+d);
this["ptr"].loadNextFile(d);
}
load_vars.load(_level0.target_path+"/@@ticket");
}
/**
loads the next file inside the file_array
*/
public function loadNextFile(ticket:String):Void{
file = FileReference(file_array.pop());
var url:String = _level0.target_path+"?ticket="+ticket;
log("uploadNextFile: "+url);
file.addListener(this);
file.upload(url);
}
public function log(msg:String):Void{
trace(msg);
if (msg.length>500) msg = msg.substring(msg.length-100, msg.length);
_level0.debug_mc.debug_txt.text+=msg+"\n";
_level0.debug_mc.debug_txt.scroll = _level0.debug_mc.debug_txt.maxscroll;
}
/**
FileReference Listeners....
*/
public function onProgress(file:FileReference, bytesLoaded:Number, bytesTotal:Number):Void{
var percent:Number = Math.round(bytesLoaded/bytesTotal * 100);
if (percent>100) percent=100; // for any strange reason, the totalbytes can be smaller then the loade bytes :)
log("onProgress " + bytesLoaded + " bytesTotal: " + bytesTotal+" = "+percent+"%");
info_mc.fileinfo_mc.progress_mc.bar_mc.gotoAndStop(percent);
info_mc.fileinfo_mc.progress_txt.text = percent+"%";
var percent_complete:Number = Math.round((overall_loaded+bytesLoaded) / overall_total * 100);
info_mc.overallinfo_mc.progress_mc.bar_mc.gotoAndStop(percent_complete);
info_mc.overallinfo_mc.progress_txt.text = percent_complete+"%";
info_mc.progress_txt.text = getByteString(overall_loaded + bytesLoaded) + "/" + getByteString(overall_total);
}
/**
returns a nice prepared string
*/
public function getByteString(bytes:Number):String{
if (bytes<1024){
// bytes
return String(Math.round(bytes)+"B");
}
else if (bytes>(1024*1024)){
// MB
return String(Math.round(bytes/(1024*1024))+"MB");
}
else{
// KB
return String(Math.round(bytes/1024)+"KB");
}
}
public function onComplete(file:FileReference):Void{
log("file upload complete");
overall_loaded+=file.size;
this.loadNextTicket();
// tell javascript that the file is uploaded.
js_command_queue.push("javascript:z3cFlashUploadOnFileCompleteFEvent('"+file.name+"')");
}
public function onCancel(file:FileReference):Void{
log("onCancel");
js_command_queue.push("javascript:z3cFlashUploadOnCancelFEvent()");
}
public function onOpen(file:FileReference):Void{
log("onOpen: "+file.name+" : "+file.size);
file_counter++;
info_mc.filename_txt.text = file.name +" ("+Math.round(file.size/1024)+"kb)";
info_mc.filenum_txt.text = file_counter+"/"+file_amount;
}
public function onHTTPError(file:FileReference):Void {
log("onHTTPError: " + file.name);
js_command_queue.push("javascript:z3cFlashUploadOnErrorFEvent('"+this.error_msg+"')");
}
public function onIOError(file:FileReference):Void {
log("onIOError: " + file.name);
js_command_queue.push("javascript:z3cFlashUploadOnErrorFEvent('"+this.error_msg+"')");
}
public function onSecurityError(file:FileReference, errorString:String):Void {
log("onSecurityError: " + file.name + " errorString: " + errorString);
js_command_queue.push("javascript:z3cFlashUploadOnErrorFEvent('"+this.error_msg+"')");
}
public function onEnterFrame():Void{
if (_level0.startBrowse=="go"){
log("go event was fired");
_level0.startBrowse = "";
this.browse();
}
if (js_command_queue.length>0){
var command = js_command_queue.shift();
getURL(command);
}
}
}
\ No newline at end of file
Modified: z3c.widget/sandbox/src/z3c/widget/flashupload/resources/upload.fla
===================================================================
(Binary files differ)
Modified: z3c.widget/sandbox/src/z3c/widget/flashupload/resources/upload.js
===================================================================
--- z3c.widget/sandbox/src/z3c/widget/flashupload/resources/upload.js 2006-10-05 17:53:31 UTC (rev 70544)
+++ z3c.widget/sandbox/src/z3c/widget/flashupload/resources/upload.js 2006-10-05 19:47:05 UTC (rev 70545)
@@ -49,7 +49,7 @@
Required global variable: swf_upload_target_path
*/
function createFlashUpload(){
- var so = new SWFObject(swf_upload_url, "fuploader", "300", "100", "#f8f8f8");
+ var so = new SWFObject(swf_upload_url, "fuploader", "300", "100", 9, "#f8f8f8");
so.addParam("allowScriptAccess", "sameDomain");
so.addParam("wmode", "transparent");
Modified: z3c.widget/sandbox/src/z3c/widget/flashupload/resources/upload.swf
===================================================================
(Binary files differ)
More information about the Checkins
mailing list