Передача изображения на сервер

          window.onload = function(){
            var canvas = document.getElementById('canvas');
            var video = document.getElementById('video');
            var button = document.getElementById('button');
            var allow = document.getElementById('allow');
            var buttonStart = document.getElementById('buttonStart');
            var stuff = document.getElementById('stuff');
 
            var context = canvas.getContext('2d');
            var videoStreamUrl = false;
 
            buttonStart.style.display = 'block';
 
            buttonStart.addEventListener('click', function(){
 
 
 
                buttonStart.style.display = 'none';
                stuff.style.display = 'block';
 
                button.addEventListener('click', captureMe);
 
 
                // navigator.getUserMedia  и   window.URL.createObjectURL (смутные времена браузерных противоречий 2012 :) )
                navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;
                window.URL.createObjectURL = window.URL.createObjectURL || window.URL.webkitCreateObjectURL || window.URL.mozCreateObjectURL || window.URL.msCreateObjectURL;
                console.log('request',navigator.getUserMedia);
                // запрашиваем разрешение на доступ к поточному видео камеры
                navigator.getUserMedia({video: true}, function(stream) {
                  // разрешение от пользователя получено
                  // скрываем подсказку
                  allow.style.display = "none";
                  // получаем url поточного видео
                  videoStreamUrl = window.URL.createObjectURL(stream);
                  // устанавливаем как источник для  video
                  video.src = videoStreamUrl;
                  button.style.display = 'block';
                }, function(){
                  console.log('что-то не так с видеостримом :P');
                });
            });
 
            var captureMe = function(){
                //alert(1)
              if(!videoStreamUrl) alert('То-ли вы не нажали "разрешить" в верху окна, то-ли что-то не так с вашим видео стримом')
              // переворачиваем канвас зеркально по горизонтали
              context.translate(canvas.width, 0);
              context.scale(-1, 1);
              // отрисовываем на канвасе текущий кадр видео
              context.drawImage(video, 0, 0, video.width, video.height);
              // получаем data: url изображения на c canvas
              var base64dataUrl = canvas.toDataURL('image/png'); 
                          $.post('serv.php',{data:base64dataUrl});
              
              
              
              //var img = new Image();
              //img.src = base64dataUrl;
             // window.document.body.appendChild(img);
 
            }
 
 
        };

var ajax = new XMLHttpRequest();
            ajax.open("POST",'serv.php',false);
            ajax.setRequestHeader('Content-Type', 'application/upload');
            ajax.send(base64dataUrl );