相关疑难解决方法(0)

使用ASP.NET在服务器上将HTML 5 Canvas保存为图像

我需要一些帮助..

我试图在绘图后保存画布图像..

按照这个例子(http://www.dotnetfunda.com/articles/article1662-saving-html-5-canvas-as-image-on-the-server-using-aspnet.aspx)

$("#btnSave").click(function () {

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

    $.ajax({
        type: 'POST',
        url: "../../Home/UploadImage?imageData=" + image,
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
        success: function (msg) {
            alert('Image saved successfully !');
        }
    });
});
Run Code Online (Sandbox Code Playgroud)

控制器:

public void UploadImage(string imageData)
{
    string fileNameWitPath = path + DateTime.Now.ToString().Replace("/", "-").Replace(" ", "- ").Replace(":", "") + ".png";
    using (FileStream fs = new FileStream(fileNameWitPath, FileMode.Create))
    {
        using (BinaryWriter bw = new BinaryWriter(fs))
        {
            byte[] data = Convert.FromBase64String(imageData);
            bw.Write(data);
            bw.Close();
        } …
Run Code Online (Sandbox Code Playgroud)

javascript c# base64 file-upload html5-canvas

19
推荐指数
1
解决办法
3万
查看次数

标签 统计

base64 ×1

c# ×1

file-upload ×1

html5-canvas ×1

javascript ×1