私は、JSとJqueryとHTMLキャンバスを使ってシグネチャキャプチャスクリプトを持っています。POSTデータが関数から引き出された
署名を処理して、PNGURLを使用してIMAGE/PNGに変換しています。私がしたいのは、結果のPNGURLの結果をPOSTすることです。しかし、私は問題を抱えています。私はJSにはあまりよく慣れていませんが、私はこれを約2日間続けています。あなたが見ることができるように、私はhiddenDataURLを掲示するのに問題があります。ページは投稿され、次のページに転送されますが、hiddenDataURLは空です。私は、シグネチャがPNGURLに正しく変換されていることを示すアラートでJSをテストしましたが、隠れたフォーム要素に正しく戻らないか、signatureaccepted.phpページに適切に正しくポストしていないかのいずれかです。どんな助けでも大歓迎です。
ここは私の2ページです。
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>
jpの開発者コンソールとPHPのエラー報告http://php.net/manual/en/function.error-re何のためにporting.php来る? –
どちらでもない:( –
私はそれがどのように提出されたかを知るために穴を開けようとしています。 –