Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Drag and drop files from the local file system to Flash

branch: master

Fetching latest commit…

Octocat-spinner-32-eaf2f5

Cannot retrieve the latest commit at this time

Octocat-spinner-32 flash
Octocat-spinner-32 js
Octocat-spinner-32 DraggenDroppenDemo.as
Octocat-spinner-32 DraggenDroppenDemo.fla
Octocat-spinner-32 DraggenDroppenDemo.html
Octocat-spinner-32 DraggenDroppenDemo.swf
Octocat-spinner-32 README.md
Octocat-spinner-32 expressInstall.swf
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.