Я получаю живое изображение с моей веб-камеры и отправляю это изображение на свой контроллер с помощью запроса AJAX
.
<div id="container">
<video autoplay="true" id="videoElement"></video>
<canvas id="myCanvas" width="400" height="350"></canvas>
<button onclick="setInterval(snapshot, 6000)">Click</button>
</div>
var video = document.querySelector("#videoElement");
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext('2d');
if (navigator.mediaDevices.getUserMedia) {
navigator.mediaDevices.getUserMedia({
video: true
}).then(function(stream) {
video.srcObject = stream;
});
}
function snapshot() {
// Draws current image from the video element into the canvas
ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
var imgInfo = canvas.toDataURL("image/png");
console.log(imgInfo);
var image = imgInfo; // to create a image read the previous example
$.ajax({
url: '@Url.Action("action","controller")',
data: { base64: image },
type: "post",
complete: function() {
console.log("Ready");
}
});
}
Теперь в контроллере я хочу преобразовать это base64
строка в HttpPostedFileBase
объект. Является ли это возможным?