canvas生成图片并保存到本地文件夹主要代码

最新推荐文章于 2023-08-16 09:18:33 发布

转载最新推荐文章于 2023-08-16 09:18:33 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/-maomao/p/5344470.html

文章标签：

#java #移动开发 #c#

本文介绍了一种将HTML5 Canvas元素中的图像转换为PNG格式，并将其保存到服务器的方法。使用JavaScript将Canvas转换为data:image，再通过C#接收并解析这个数据，最终保存为服务器上的文件。

var url = canvas.toDataURL();//把canvas中的图片变成data:image

string filepath = "";
string imgData = Request["url"].ToString();
var date = DateTime.Now.ToString("yyyyMMddmsms");
if (imgData.StartsWith("data:image/png;base64") == true)
{
var base64 = imgData.Substring(22);
byte[] bytes = Convert.FromBase64String(base64);
MemoryStream memStream = new MemoryStream(bytes);
BinaryFormatter binFormatter = new BinaryFormatter();
var img = System.Drawing.Image.FromStream(memStream);
filepath = "~/images/output/" + date + ".png";
if (!Directory.Exists(Server.MapPath("~/images/output")))
{
Directory.CreateDirectory(Server.MapPath("~/images/output"));
}
img.Save(Server.MapPath(filepath));
}