Question

我得到了像这样的html5视频捕捉：

        var canvas = document.createElement('canvas');
        canvas.height = video.height;
        canvas.width = video.width;
        var ctx = canvas.getContext('2d');
        ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
        capturedImage=ctx.getImageData(0,0,canvas.width,canvas.height))

并试图像这样上传此捕获：

$.ajax({
         type: method,
         contentType: false,
         cache: false,
         processData: false,
         async: false,
         url: '....',
         data: capturedImage,<----------how to convert above captured image here?
   }).done(function(o) {
        .....
   });

如果只是：

data:capturedImage

后端将获得如下数据值：

str:imageObject

ajax请求只是向后端发送一个str，那么如何转换这个捕获的图像让ajax上传工作呢？

Answer 1

您是否尝试过使用capturedImage.data或JSON.stringify(caputedImage.data)？ data成员应该包含实际的像素数组。我不确定$.ajax如何处理字节数组，所以你可能需要JSON.stringify(caputedImage.data)。

如何将html5视频捕获上传到服务器？

1 个答案: