我使用此代码将签名板图像复制到隐藏字段。除了chrome和safari浏览器之外,一切都很好用。
表单字段:
<form id="sigform" action="myscript.php" method="post">
<input id="sigdataid" type="hidden" name="sigdata" value=""/>
<input type="submit" value="Submit" >
</form>
app.js中的代码:
function myFunctionsub() {
if (signaturePad.isEmpty()) {
alert("Please provide a signature first.");
} else {
var image = signaturePad.toDataURL();
document.getElementById("sigdataid").value = image;
document.getElementById("sigform").submit();
}
}
隐藏字段确实会在IE和Firefox上接收图像数据,并且在提交后会显示数据。但是,Chrome和Safari不会收到数据,并且在发布表单时不会显示。
我做了大量研究,无法在var image = signaturePad.toDataURL();
或document.getElementById("sigdataid").value = image;
javascript代码中找到有关Chrome兼容性的任何信息。
有人有想法吗?