Altro problema: questa è la pagina in cui ricevo la variabile, e la leggo correttamente. Adesso devo passarla a "upload.php" ma anche in questo caso non va, come mai?
Codice:
<html>
<?php
$cod = $_GET["CODICE"];
echo "$cod";
?>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.10.2.js"></script>
<head>
<style>
#writingArea {border: solid black 2px; touch-action:none; -ms-touch-action:none;}
</style>
<script src="hand-1.0.11.js"></script>
<script>
function pulisci() {
context.clearRect(0, 0, writingArea.width, writingArea.height);
}
var writingArea;
var context;
var pointerDown = [];
var lastPositions = [];
var onPointerMove = function(evt) {
if (pointerDown[evt.pointerId]) {
context.strokeStyle = "rgb(255, 0, 0)";
context.beginPath();
context.lineWidth = 3;
context.moveTo(lastPositions[evt.pointerId].x, lastPositions[evt.pointerId].y);
context.lineTo(evt.clientX, evt.clientY);
context.closePath();
context.stroke();
lastPositions[evt.pointerId] = { x: evt.clientX, y: evt.clientY };
}
};
var onPointerOut = function (evt) {
pointerDown[evt.pointerId] = false;
};
var onPointerUp = function (evt) {
pointerDown[evt.pointerId] = false;
};
var onPointerDown = function (evt) {
pointerDown[evt.pointerId] = true;
lastPositions[evt.pointerId] = { x: evt.clientX, y: evt.clientY };
};
window.onload = function() {
writingArea = document.getElementById("writingArea");
writingArea.width = writingArea.clientWidth;
writingArea.height = writingArea.clientHeight;
context = writingArea.getContext("2d");
writingArea.addEventListener("pointerdown", onPointerDown, false);
writingArea.addEventListener("pointermove", onPointerMove, false);
writingArea.addEventListener("pointerup", onPointerUp, false);
writingArea.addEventListener("pointerout", onPointerUp, false);
}
$(document).ready(function() {
$("#bt_upload").click(function() {
var writingArea = document.getElementById('writingArea');
var dataURL = writingArea.toDataURL();
$.ajax({
type: "GET",
url: "upload.php?prova=$cod",
data: { img: dataURL }
}).done(function(msg){
alert(msg);
});
});
});
</script>
</head>
<body>
<canvas width="350px" height="300px" id="writingArea"></canvas>
<p>
<button onclick="pulisci()">Pulisci</button>
<button id="bt_upload">Upload</button>
</p>
</div>
</body>
</html>