POST从函数中提取的数据

POST Data pulled from function

本文关键字：数据 提取 函数 POST      更新时间：2023-09-26

我有一个签名捕获脚本，使用JS和Jquery和HTML画布。

我正在处理签名，通过PNGURL将其转换为IMAGE/PNG。我想做的是POST结果PNGURL返回..但我有个问题。我不是很熟悉JS，但我已经在这个工作了大约两天。正如你将能够看到我有一个问题张贴的hiddenDataURL。页面发布，转发到下一页，但hiddenDataURL显示为空。我用一个警告测试了JS，显示签名正确地转换为PNGURL，但它要么没有正确地返回到隐藏表单元素，要么没有正确地发布到signatureaccepted.php页面。非常感谢任何帮助。

这是我的两页。

JS在一个单独的页面上。

function signatureSave() {
    var canvas = document.getElementById("newSignature"); // save canvas image as data url (png format by default)
    var dataURL = canvas.toDataURL("image/png", 0.1);
    document.getElementById("hiddenDataURL").value = dataURL;
    document.getElementById("hiddenForm").submit();
};

和HTML的形式，我试图张贴。

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script src="todataurl.js"></script>
    <script src="signature.js"></script>
</head>
<body>
    <div id="canvas">
        <canvas class="roundCorners" id="newSignature" style="position: relative; margin: 0; padding: 0; border: 1px solid #c4caac;"></canvas>
    </div>
    <script>
        signatureCapture();
    </script>
    <form id="hiddenForm" action="signatureaccepted.php" method="POST">
        <input type="hidden" id="hiddenDataURL" />
    </form>
    <button type="button" onclick="signatureSave()">Sign Out</button>
    <button type="button" onclick="signatureClear()">
                Clear signature
            </button>
    </br>
    Saved Image
    </br>
    <img id="saveSignature" alt="Saved image png" />
</body>
</html>

输入需要有一个name属性，以便通过submit表单提交

<form id="hiddenForm" action="signatureaccepted.php" method="POST">
  <input type="hidden" id="hiddenDataURL" name="hiddenDataURL"/>
</form>

不必须与ID相同，但在这种情况下，它意味着对您的更改最少

相关文章：