php - How to Capture Szimek/Signature_Pad with PHP (Capture Javascript into PHP Variable)?

Question

我在浏览 StackOverflow 时发现了 Szimek/Signature_Pad 以使用 Javascript 捕获电子/数字签名。

我研究过，但我仍然对如何将 DATA URI 捕获到变量中感到困惑。

http://szimek.github.io/signature_pad/

我想像这样捕获它 $inputESignature = signaturePad.toDataURL()，其中 signaturePad.toDataURL() 是 Javascript。

如果需要澄清，请告诉我。对不起，如果我的要求有点含糊。

Answer 1

对于需要朝正确方向插入并发现 $_POST 或 $_REQUEST 极其模糊的其他用户...

这是我做的。

首先我添加了一个隐藏的输入，因为我把它集成到一个表单中:

<input type="hidden" name="input_name" value="" />

然后您可以将数据 uri 图像存储到该输入的值中，它将与表单一起存储。

我将此添加到 JS 以将数据 uri 添加到表单:

var input = wrapper.querySelector("input");

canvas.addEventListener("mouseup", function(event) {
    if ( signaturePad.isEmpty() ) {
        input.value = '';
    } else {
        input.value = signaturePad.toDataURL();
    }
});

然后使用 input.value = ''; 更新清除按钮以删除该字段:

clearButton.addEventListener("click", function (event) {
    signaturePad.clear();
    input.value = '';
});

这是基于 Szimek's demo code .

将数据发布到您的 php 的另一种选择是使用 ajax 请求，这对于 jQuery 的 $.ajax 或 $.post 来说非常容易。

这个脚本非常容易使用...