使用 HTML5 捕获签名并将其作为图像保存到数据库

Question

我刚刚开始学习 Jquery 并开发将在触摸屏设备上使用的 asp.net webform 应用程序，我需要捕获用户签名，基本上用户会签名，点击保存后，我希望他们的签名保存为图像到 SQL 服务器数据库，以便我可以稍后在网页上检索和显示它。

我发现了这个问题：使用 HTML5 和 iPad 捕获签名

和 jQuery 插件效果很好，完全符合我的要求。

这里演示：http : //szimek.github.io/signature_pad

这里的插件：https : //github.com/szimek/signature_pad

因此，在点击“保存”后我看到的演示中，您将转到一个新选项卡，该选项卡显示您签名的图像，我注意到该 url 类似于

数据：图像/ PNG; BASE64，iVBORw0KGgoAAAANSUhEUgAAApIAAAE + CAYAAAA + vvBuAAAgAElEQVR4Xu3df8i37V0X8I / l0GY5BzZdiWslKhnNUaBR62lBP0htjuiHfz0uROgPmQsH / hE8jiKKjLl / IoLa9k + NMOYyhCRamyM0WI9bUBst5kzbUNfjxBlmaLy389jO + 3Q ......

1. 这个网址是什么意思？

2. 将使用什么类型的变量将其存储在数据库表中（nvarchar、binary...）

3（主要问题）。我如何在 C# 按钮单击事件后面的代码中获取这些数据文本以将它们存储到字符串变量中以用于其他目的。有人可以提供一个简单的例子，这样我就可以从那里开始吗？

如果我遗漏了什么，请告诉我，因为我正在查看该插件演示项目中的 .html 文件和那些 .js 文件，我迷路了。

Answer 1

1. 该 URL 采用 BASE64 格式。您可以在图像标签的 SRC 属性中使用该长字符串，它将被显示。

2. 为了获得更好的性能，推荐的存储照片的方法是将图像存储在磁盘上（使用某种服务器端语言），然后将文件名以 CHAR 或 TEXT 形式保存在数据库中。

3. 不太确定。我以前从未使用过图书馆。