获取dataURI签名,由js发送,从以前的php发送到当前的php文件

时间:2016-12-21 13:57:12

标签: javascript php jquery forms signature

我对这个问题的答案最终将完成我的项目。

我使用签名插件/ API(https://github.com/szimek/signature_pad)作为第一个文件form.php中表单中的输入字段之一。 提交表单时,我将数据发送到数据库并检索有用的数据。这个有用的数据见于第二个文件success.php。 我已成功获得除签名之外的所有数据。

flowchart of how this works

由于插件,签名不是<input>而是<canvas> 提交表单时,javascript文件会从signaturepad.js的文档中向签名toDataURL发送一个函数。目前我已将其发送到window.open新窗口。该网址显示了一个data64文本,转换后是一个图像。

问题是从success.php访问此dataURL。当我能够这样做时,我也可以将它发送到数据库并在自动邮件中发送。

如何将我的签名作为图像获取到第二个文件?

这是我的代码:

form.php的

<form id="form">
<canvas id="signature"></canvas>

form.js

var signature = $("#signature");
var signaturePad = new SignaturePad(signature);
$("#form").submit(function(e) {
signaturePad.toDataURL(); )};

success.php(我的想法应该如何运作)

<?php $image = $_POST['signaturePad']; ?>
<?php echo "<img src='"$image"'>";
SQL语句中的

success.php

$sql = "INSERT INTO $table ($field) VALUES ($image)";

我还尝试了其他选项和API /插件,但我认为这将是最佳解决方案。

0 个答案:

没有答案