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

标签 c# jquery asp.net html webforms

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

我发现了这个问题:Capture Signature using HTML5 and iPad

而且 jQuery 插件工作得很好,正是我想要的。

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

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

所以在我看到的演示中,点击“保存”后,您将转到一个显示您签名图像的新选项卡,我注意到该网址类似于

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAApIAAAE+CAYAAAA+vvBuAAAgAElEQVR4Xu3df8i37V0X8I/l0GY5BzZdiWslKhnNUaBR62lBP0htjuiHfz0uROgPmQsH/hE8jiKKjLl/IoLa9k+NMOYyhCRamyM0WI9bUBst5kzbUNfjxBlmaLy389jO+3q......

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

  2. 将使用什么类型的变量将其存储在数据库表中(nvarchar、二进制...)

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

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

最佳答案

  1. 该 URL 为 BASE64 格式。您可以在图片标签的 SRC 属性中使用那一长串字符,它就会显示出来。

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

  3. 不太确定。我以前从未使用过该库。

关于c# - 使用 HTML5 捕获签名并将其作为图像保存到数据库,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32574866/

相关文章:

asp.net - 为什么 ASP.Net MVC 将我的 "Fixed"区域重命名为 "_Fixed"

c# - 在任务异常的情况下,根据用户输入多次重试任务

c# - 使用 C# 从服务器读取数据库名称

javascript - 将数组对象转换为嵌套的 ul li 元素

c# - DataTable 作为声明性数据源?

asp.net - 测试对象实例返回 "Conversion from string "“输入 'Boolean' 无效。”

c# - MVC 3 多个字段的远程验证

c# - SQL CLR 和可为空的日期时间参数

javascript - 使用 jQuery 悬停时的淡入和淡出效果

javascript - 使 DiveIntoPython3 在 IE8 中工作(修复 Javascript 性能问题)