Как сохранить фотку из WebCam на сервере.
 

Захват видео с камеры:

var video = document.getElementById('video');
if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
    navigator.mediaDevices.getUserMedia({ video: true }).then(function (stream) {
        localMediaStream = stream;
        video.src = window.URL.createObjectURL(stream);
    });
}

Ну и отображение скрина из WebCam в canvas:

var video = document.getElementById("video");
var canvas = document.getElementById("canvas");
context = canvas.getContext("2d");
context.drawImage(video, 0, 0, 350, 250);

где canvas:

<canvas id="canvas" width="350" height="250"></canvas>

Вот как сохранить содержимое этого canvas на сервере? То есть как передать данные (скриншот, фотографию) на сервер?

Можно ли как-то изображение из canvas-a передать данные в filefield???

Сделал так:
С Канваса выдёргиваю изображение и передаю его на сервак в виде параметра. На серваке оно "принимается" в виде текста. Текст перевожу в Byte[], а потом и в изображение.
Хреново реализовал, но надо было быстро сделать ...