Передача файлов на сервер

$(document).ready(function () {
    var dropZone = $('#dropZone'),
        maxFileSize = 1000000; // максимальный размер файла - 1 мб.
        if (typeof (window.FileReader) == 'undefined') {
            dropZone.innerHTML = 'Не поддерживается браузером!';
            dropZone.addClass('error');
        }else{
        dropZone[0].ondragover = function () {
            dropZone.addClass('hover');
            return false;
        };
 
        dropZone[0].ondragleave = function () {
            dropZone.removeClass('hover');
            return false;
        };
        dropZone[0].ondrop = function (event) {
            event.preventDefault();
            dropZone.removeClass('hover');
            dropZone.addClass('drop');
            var file = event.dataTransfer.files[0];
 
            if (file.size > maxFileSize) {
                dropZone.innerHTML = 'Файл слишком большой!';
                dropZone.addClass('error');
                return false;
            } else {
                var xhr = new XMLHttpRequest();
                xhr.upload.addEventListener('progress', uploadProgress, false);
                xhr.onreadystatechange = stateChange;
                xhr.open('POST', '../php/obr.php');
                xhr.setRequestHeader('X-FILE-NAME', file.name);
                xhr.send(file);
            }
        };
        
    }
});
 
function uploadProgress(event) {
    var percent = parseInt(event.loaded / event.total * 100);
    dropZone.innerHTML='Загрузка: ' + percent + '%';
}
 
function stateChange(event) {
    if (event.target.readyState == 4) {
        if (event.target.status == 200) {
            dropZone.innerHTML = 'Загрузка успешно завершена!';
        } else {
            dropZone.innerHTML = 'Произошла ошибка!';
            dropZone.addClass('error');
        }
    }
}

var file = event.dataTransfer.files[0];

var file = new FormData();
file.append('file', event.dataTransfer.files[0]);