Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Drag and drop files from the local file system to Flash
ActionScript JavaScript
Branch: master

README.md

DraggenDroppen

Drag and drop files from the local file system to Flash

Demo

http://draggendroppen.devinhaus.com/

Usage

Flash:

public function DraggenDroppenDemo()
{
    dd = new DraggenDroppen();
    dd.addEventListener(DraggenDroppenEvent.DRAG_OVER, dragOverHandler);
    dd.addEventListener(DraggenDroppenEvent.DRAG_LEAVE, dragLeaveHandler);
    dd.addEventListener(DraggenDroppenEvent.FILE_START, fileStartHandler);
    dd.addEventListener(DraggenDroppenEvent.FILE_PROGRESS, fileProgressHandler);
    dd.addEventListener(DraggenDroppenEvent.FILE_COMPLETE, fileCompleteHandler);

    // dd.isSupported (Boolean)
    // Whether or not DraggenDroppen is supported by the browser
}

private function dragOverHandler(event:DraggenDroppenEvent):void {
    // User is dragging files:
    // Mouse pointer is over the SWF
}

private function dragLeaveHandler(event:DraggenDroppenEvent):void {
    // User is dragging files:
    // Mouse pointer left the SWF
}

private function fileStartHandler(event:DraggenDroppenEvent):void {
    // One of the dropped files starts transferring
}

private function fileProgressHandler(event:DraggenDroppenEvent):void {
    // One of the dropped files is transferring
}

private function fileCompleteHandler(event:DraggenDroppenEvent):void {
    // One of the dropped files completed transferring
}

HTML:

<script src="//ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>  
<script src="js/DraggenDroppen.js"></script>    
<script>

    (function() {

        var flashVars = {};
        var flashParams = {
            allowscriptaccess: "always",
            bgcolor: "#FFFFFF",
        };
        var flashAttribs = {
            id: "flashContent",
            name: "flashContent"
        };
        swfobject.embedSWF(
            "flash.swf",
            "flashDiv",
            "500",
            "400",
            "9.0",
            "expressInstall.swf",
            flashVars,
            flashParams,
            flashAttribs,
            function(e) {
                // Initialize DraggenDroppen
                DraggenDroppen.init(e.ref);
            }
        );

    })();

</script>
<div id="flashDiv"></div>

Browser Support

  • Chrome 6
  • Firefox 3.6
  • Safari 6
  • Opera 11.1
  • IE 10

Safari < 6 and IE < 10 are currently not supported due to lack of FileReader support.

Something went wrong with that request. Please try again.