如何上传 html5 视频捕获到服务器?
How to upload a html5 video capture to sever?
我得到了 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上传工作?
您是否尝试过使用 capturedImage.data
或 JSON.stringify(caputedImage.data)
? data 成员应该包含实际的像素阵列。我不确定 $.ajax
如何处理字节数组,因此您可能必须执行 JSON.stringify(caputedImage.data)
.
我得到了 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上传工作?
您是否尝试过使用 capturedImage.data
或 JSON.stringify(caputedImage.data)
? data 成员应该包含实际的像素阵列。我不确定 $.ajax
如何处理字节数组,因此您可能必须执行 JSON.stringify(caputedImage.data)
.