drag&drop upload example

dragdropupload.js

$(document).on("dragover drop", function (e) {
    e.preventDefault();
});

$(".filestorage div.storage").on("dragover drop", function (e) {
    e.preventDefault();
}).on('dragover dragenter', function() {
    $(this).addClass('is-dragover');
}).on('dragleave dragend drop', function() {
    $(this).removeClass('is-dragover');
}).on('drop', function(e) {
    if (typeof e.originalEvent.dataTransfer != "undefined") {
        droppedFiles = e.originalEvent.dataTransfer.files;
        $.each(droppedFiles, function(i, file) {
            console.log(file);
            //TODO: add new element with file
        });
    }
});

$(".filestorage input#file").change(function (event) {
    $.each(event.target.files, function(i, file) {
        console.log(file);
        //TODO: add new element with file
    });
    $(this).val("");
});

<label for='file'>
    <input type='file' name='file' id='file'/>
    <i class='fa fa-upload'></i><span>Nahrát přílohu</span>
</label>