var file = event.dataTransfer.files[0];
Строка находится вне события =>
event = undifined => серьезно час?
И почему-то все вне
$(document).ready!
Должно быть, как я понимаю:
$(document).ready(function(){
var dropZone = $('#dropZone'),
maxFileSize = 1000000;
$('#dropZone').on('drop', function(event){
event.preventDefault();
$(this).removeClass('hover');
$(this).addClass('drop');
var file = event.dataTransfer.files[0];
if (file.size > maxFileSize) {
$('#dropZone').text('Файл слишком большой!');
$('#dropZone').addClass('error');
}
var xhr = new XMLHttpRequest();
xhr.upload.addEventListener('progress', uploadProgress, false);
xhr.onreadystatechange = stateChange;
xhr.open('POST', '/upload.php');
xhr.setRequestHeader('X-FILE-NAME', file.name);
xhr.send(file);
});
});
P.s: WTF? Зачем писатьif(){};
//и
xhr.upload.addEventListener