drag&drop

dragdrop.js

///////// 
/// HTML5 Drag and drop with Modernizr
/////////////////////////
function dragDrop(){}
    if(Modernizr.draganddrop){
        if (window.FileReader !== undefined) {
            var container = document.getElementById('canvas-container');
            container.ondragover = function () { this.className = 'drag-hover'; return false; };
            container.ondragend = function () { this.className = ''; return false; };
            container.ondrop = function (e) {
                this.className = '';
                e.preventDefault();
                var file = e.dataTransfer.files[0];
                var reader = new FileReader();
                reader.onload = function (event) {
                    console.log(event.target);
                    //event.target.result
                };
                console.log(file);
                reader.readAsDataURL(file);
            return false;
            };
        } else {
            console.log('no File reader!');
        }
    } else {
        console.log('your browser does not support drag&drop');
    }
}