【问题标题】:How do I save signature using signature_pad toDataURL()如何使用 signature_pad toDataURL() 保存签名
【发布时间】:2017-08-23 15:17:58
【问题描述】:
我在 MEAN 应用程序中使用 signature_pad。
问题:如何使用 toDataURL() 将其保存到 mongoDB?
URL 暗示签名图像已保存到服务器。我假设它已保存到我的本地服务器。那准确吗?当我将此图像发送到数据库时,如何发送实际图像而不仅仅是一个字符串(URL 地址)?我是http获取toDataURL()返回的url,然后将返回的图片发送到mongodb吗?
【问题讨论】:
标签:
typescript
mean-stack
signaturepad
【解决方案1】:
签名板使用描述“板”上 (x,y) 点关系的 JSON 对象动态创建图像。你需要先保存 png 然后存储它,除非他在他的 API 中添加了一种“保存图像”的方法:)。您也可以只保存数据,然后在需要时使用签名板进行渲染!
至于存储在哪个数据库中,这取决于您的 mongo 客户端是如何配置的。如果您可以访问它,请检查配置,如果您没有配置它,请检查默认值。
【解决方案2】:
在 signature_pad 库中,toDataUrl() 将返回您的签名板的 base64 编码。看起来像“data:image/png;base64,iVBORw0KGgoAAAA...”。
您可以将此编码格式存储到您的数据库中。之后,编码后的字符串可以是rendered as is in html或者转换成jpg或者其他格式。
编码的字符串有点大。您应该考虑到它对您的数据库大小的影响。