asp.net-mvc-4 - ビデオ出力ファイルへのbase64画像のシーケンス

Question

ネットMVC4アプリ。asp.netmvc4アプリケーションでビデオファイルを生成するにはどうすればよいですか。キャンバス出力から生成されたbase64形式の画像のシーケンスであるURLのコレクションがあります。コントローラコードを教えてください。

Answer 1

キャンバス データを送信するための ajax と、それを受信するためのコントローラー コードを次に示します。

// Send the canvas image to the server using ajax
// You can modify this ajax to fit your needs,

var canvas=getElementById("yourCanvas");
var image = canvas.toDataURL("image/png");
image = image.replace('data:image/png;base64,', '');

$.ajax({
    type: 'POST',
    url: 'yourController/UploadImage',
    data: '{ "imageData" : "' + image + '" }',
    contentType: 'application/json; charset=utf-8',
    dataType: 'json',
    success: function(msg){ console.log(msg); }
});


// receive the 64bit encoded string in the controller
// I just convert it to an Image,
// but you can do what you want with the MemoryStream

[HttpPost]
public ActionResult UploadImage(string imageData)
{
    byte[] byteArray = System.Convert.FromBase64String(imageData);

    // convert to an image (or do whatever else you need to do)
    Image image;
    using(MemoryStream s=new MemoryStream(byteArray){
        image=Image.FromStream(ms);
    }
    return("done");
}