javascript - 如何向服务器发送实时数据？

Question

我想将 base64 图像格式从实时流网络摄像头发送到服务器。现在，我有一个 base64 图像格式，但我不知道如何将它发送到服务器。这是我的代码

有人可以给出解决方案吗？顺便说一句，我正在使用烧瓶作为服务器。

var constraints = { audio: false, video: { width: 500, height: 500 } }; 
var video = document.querySelector('video');
var canvas = document.querySelector('canvas');

var image = new Object();

navigator.mediaDevices.getUserMedia(constraints)
.then(function(mediaStream) {
  video.srcObject = mediaStream;
  video.onloadedmetadata = function(e) {
    video.play();
  };
}).catch(function(err) { console.log(err.name + ": " + err.message); })

function capture() {

  canvas.width = 200;
  canvas.height = 200;
  canvas.getContext('2d').drawImage(video, 0, 0, 200,200);  
  var data = canvas.toDataURL('image/jpeg');

  return data;
}

setInterval(function(){
    var imgData = capture();
    image.images = imgData;

    //i want to send the image object to the server
    console.log(image);

}, 1000/100)

标签： javascripthtmlcanvas