typescript - 如何使用 signature_pad toDataURL() 保存签名

Question

我正在为我的 MEAN 应用程序使用signature_pad 。

问题：如何使用 toDataURL() 将其保存到 mongoDB？

URL 暗示签名图像被保存到服务器。我假设它已保存到我的本地服务器。那准确吗？当我将此图像发送到数据库时，如何发送实际图像而不仅仅是一个字符串（URL 地址）？我是否 http 获取从 toDataURL() 返回的 url，然后将返回的图像发送到 mongodb？

Answer 1

在 signature_pad 库中，toDataUrl()将返回签名板的 base64 编码。看起来像“data:image/png;base64,iVBORw0KGgoAAAA...”。

您可以将此编码格式存储到您的数据库中。之后，编码后的字符串可以按原样呈现为 html或转换为 jpg 或其他格式。

编码的字符串有点大。您应该考虑到它将对您的数据库大小产生的影响。

Answer 2

签名板使用描述“板”上 (x,y) 点关系的 JSON 对象动态创建图像。你需要先保存 png 然后存储它，除非他在他的 API 中添加了一种“保存图像”的方法:)。您也可以只保存数据，然后在需要时使用签名板进行渲染！

至于它存储在哪个数据库中，这取决于您的 mongo 客户端的配置方式。如果您可以访问它，请检查配置，如果您没有配置它，请检查默认值。