JavaScript Ajax Upload

ajaxFileUpload.js

function completeHandler(jqXHR, testStatus) {
    console.log("Complete Handler");
}

function errorHandler(jqXHR, textStatus, errorThrown) {
    console.log(jqXHR, textStatus, errorThrown)
    console.log("Error Handler");
}

function successHandler(data, textStatus, jqXHR) {
    console.log("Success Handler");
}

function getXHR() {
    var xhrctrl = new window.XMLHttpRequest();
    xhrctrl.upload.addEventListener("progress", function(event) {
        if( event.lengthComputable ) {
            var percent = event.loaded / event.total;
            var width = Math.floor($("#progressBar").width() * percent);
            $("#progressBarInner").css("width", width + "px");
        }
    }, false);

    xhrctrl.addEventListener("progress", function(event) {
        if( event.lengthComputable ) {
            console.log(event);
            console.log( "upload2:" + event.loaded / event.total );
        }
    }, false);

    return xhrctrl;
}

send.js

$("#sendButton").click(function() {
    var formData = new FormData();
    formData.append("album", $("#album").val());

    var selectedFiles = $("#file")[0].files;
    for (var i = 0; i < selectedFiles.length; i++) {
        formData.append("image_" + i, selectedFiles[i]);
    }
    formData.append('_token', $('meta[name=csrf-token]').attr('content'));
    formData.append('img_number', selectedFiles.length);
    $.ajax({
            url: "/image",
            method: "post",
            processData: false,
            data: formData,
            contentType: false,
            success: successHandler,
            complete: completeHandler,
            error: errorHandler,
            xhr: getXHR
        })
        .done(function() {
            setInterval(reloadPage('/gallery'), 2000);
        });

});