How to upload image by using webcam?

How to upload image by using webcam?

Hi i am working on springMVC.In my project i want to take image through
webcam by using html5 i got image but what i do with this i don't know
means i want to upload this image into google app blobstore how can i do
this any one help me please check my sample code
<video autoplay id="vid" style="display:none;"></video>

Take Picture
<script type="text/javascript">
var video = document.querySelector("#vid");
var canvas = document.querySelector('#canvas');
var ctx = canvas.getContext('2d');
var localMediaStream = null;
var onCameraFail = function (e) {
console.log('Camera did not work.', e);
};
function snapshot() {
if (localMediaStream) {
ctx.drawImage(video, 0, 0);
}
}
navigator.getUserMedia = navigator.getUserMedia ||
navigator.webkitGetUserMedia || navigator.mozGetUserMedia ||
navigator.msGetUserMedia;
window.URL = window.URL || window.webkitURL;
navigator.getUserMedia({video:true}, function (stream) {
video.src = window.URL.createObjectURL(stream);
localMediaStream = stream;
}, onCameraFail);