onProgress problem - AS2 and RoR

programming flash
1

Hi all,

I’m implementing a Flash multiple file uploader to use with Ruby on Rails. I found the tutorial at:

http://blog.vixiom.com/2006/09/08/multiple-file-upload-with-flash-and-ruby-on-rails/

I have it working just fine but there is a problem with the onProgress listener event. It rarely works. If I upload multiple files maybe one or 2 of them get the onProgress event called for them.

So is there a way to force the onProgress event for a particular file upload. Or make the onProgress event happen more often? Or is this a problem with ruby? Any advice would be great.

Here is the AS…


// delegate
import mx.utils.Delegate;
// ui components
import mx.controls.DataGrid
import mx.controls.Button
// file reference
import flash.net.FileReferenceList;
import flash.net.FileReference;

class com.vixiom.utils.MultipleUpload
{

    private var fileRef:FileReferenceList;
    private var fileRefListener:Object;
    private var list:Array;

    private var files_dg:DataGrid;
    private var browse_btn:Button;
    private var upload_btn:Button;

    //////////////////////////////////////////////////////////////////////
    //
    // Constructor (files_dg, browse_btn, upload_btn)
    //
    //////////////////////////////////////////////////////////////////////

    public function MultipleUpload(fdg:DataGrid, bb:Button, ub:Button)
    {
        // references for objects on the stage
        files_dg = fdg;
        browse_btn = bb;
        upload_btn = ub;

        // file list references & listener
        fileRef = new FileReferenceList();
        fileRefListener = new Object();
        fileRef.addListener(fileRefListener);

        // setup
        iniUI();
        inifileRefListener();

    }

    //////////////////////////////////////////////////////////////////////
    //
    // iniUI
    //
    //////////////////////////////////////////////////////////////////////

    private function iniUI()
    {
        // buttons
        browse_btn.onRelease = Delegate.create(this, this.browse);
        upload_btn.onRelease = Delegate.create(this, this.upload);
        // columns for dataGrid
        files_dg.addColumn(“name”);
        files_dg.addColumn(“size”);
        files_dg.addColumn(“status”);
    }

    private function browse()
    {
        trace(“// browse”);
        fileRef.browse();
    }

    private function upload()
    {
        trace(“// upload”);
        // upload the files
        for(var i:Number = 0; i < list.length; i++) {
            var file = list*;
            trace(“name: “ + file.name);
            trace(file.addListener(this));
            file.upload(“http://0.0.0.0:3000/upload”);
        }
    }

    //////////////////////////////////////////////////////////////////////
    //
    // inifileRefListener
    //
    //////////////////////////////////////////////////////////////////////

    private function inifileRefListener()
    {
        fileRefListener.onSelect        = Delegate.create(this, this.onSelect);
        fileRefListener.onCancel        = Delegate.create(this, this.onCancel);
        fileRefListener.onOpen          = Delegate.create(this, this.onOpen);
        fileRefListener.onProgress      = Delegate.create(this, this.onProgress);
        fileRefListener.onComplete      = Delegate.create(this, this.onComplete);
        fileRefListener.onHTTPError     = Delegate.create(this, this.onHTTPError);
        fileRefListener.onIOError       = Delegate.create(this, this.onIOError);
        fileRefListener.onSecurityError = Delegate.create(this, this.onSecurityError);
    }

    //////////////////////////////////////////////////////////////////////
    //
    // onSelect
    //
    //////////////////////////////////////////////////////////////////////

    private function onSelect(fileRefList:FileReferenceList)
    {
        trace(“// onSelect”);
        // list of the file references
        list = fileRefList.fileList;
        // data provider list so we can customize things
        var list_dp = new Array();
        // loop over original list, convert bytes to kilobytes
        for(var i:Number = 0; i < list.length; i++)
        {
            list_dp.push({name:list*.name, size:Math.round(list*.size / 1000) + ” kb”, status:“ready for upload”});
        }
        // display list of files in dataGrid
        files_dg.dataProvider = list_dp;
        files_dg.spaceColumnsEqually();
    }

    //////////////////////////////////////////////////////////////////////
    //
    // onCancel
    //
    //////////////////////////////////////////////////////////////////////

    private function onCancel()
    {
        trace(“// onCancel”);
    }

    //////////////////////////////////////////////////////////////////////
    //
    // onOpen
    //
    //////////////////////////////////////////////////////////////////////

    private function onOpen(file:FileReference)
    {
        trace(“// onOpenName: “ + file.name);
    }

    //////////////////////////////////////////////////////////////////////
    //
    // onProgress
    //
    //////////////////////////////////////////////////////////////////////

    private function onProgress(file:FileReference, bytesLoaded:Number, bytesTotal:Number)
    {
        trace(“// onProgress with bytesLoaded: “ + bytesLoaded + ” bytesTotal: “ + bytesTotal);
        for(var i:Number = 0; i < list.length; i++)
        {
            if (list*.name == file.name) {
                var percentDone = Math.round((bytesLoaded / bytesTotal) * 100)
                files_dg.editField(i, “status”, “uploading: “ + percentDone + “%”);
            }
        }
    }

    //////////////////////////////////////////////////////////////////////
    //
    // onComplete
    //
    //////////////////////////////////////////////////////////////////////

    private function onComplete(file:FileReference)
    {
        trace(“// onComplete: “ + file.name);
        for(var i:Number = 0; i < list.length; i++)
        {
            if (list*.name == file.name) {
                files_dg.editField(i, “status”, “complete”);
            }
        }
    }

    //////////////////////////////////////////////////////////////////////
    //
    // onHTTPError
    //
    //////////////////////////////////////////////////////////////////////

    private function onHTTPError(file:FileReference, httpError:Number)
    {
        trace(“// onHTTPError: “ + file.name + ” httpError: “ + httpError);
    }

    //////////////////////////////////////////////////////////////////////
    //
    // onIOError
    //
    //////////////////////////////////////////////////////////////////////

    private function onIOError(file:FileReference)
    {
        trace(“// onIOError: “ + file.name);
    }

    //////////////////////////////////////////////////////////////////////
    //
    // onSecurityError
    //
    //////////////////////////////////////////////////////////////////////

    private function onSecurityError(file:FileReference, errorString:String)
    {
        trace(“onSecurityError: “ + file.name + ” errorString: “ + errorString);
    }

}