ajaxUploader.uppit.js

(function (uppit, document) {
    "use strict";
    if (!uppit instanceof Object) {
        throw new Error('Uppit object not found for ajaxUploader plugin');
    }

    uppit.plugins.ajaxUploader = (function () {

        var upload,
            handleFileDrop,
            element,
            triggerDone,
            init,
            handleElementSet;

        upload = function (file) {
            var handleOnload,
                xhr,
                fd;

            fd = new FormData();
            xhr = new XMLHttpRequest();

            triggerDone = function (file) {
                var event = document.createEvent('Event');
                event.initEvent('upload.done', true, true);
                event.file = file;
                event.xhr = xhr;
                element.dispatchEvent(event);
            };

            handleOnload = (function () {
                return function (event) {
                    triggerDone(file);
                };
            }());

            xhr.addEventListener('load', handleOnload);
            xhr.upload.onprogress = function (event) {console.log(event);};

            xhr.open(
                'POST',
                'upload.php',
                true
            );

            fd.append('file', file);
            xhr.send(fd);
        };

        handleFileDrop = (function () {
            return function (event) {
                event.stopPropagation();
                upload(event.file);
            };
        }());

        init = function () {
            element.addEventListener('filedrop', handleFileDrop);
        };

        handleElementSet = (function () {
            return function (event) {
                element = event.elements.element;
                init();
            };
        }());

        document.addEventListener('elementSet', handleElementSet);

        return {};
    }());
})(uppit, window.document);