Muchisimas gracias por tu buena voluntad y por tu ayuda, pude progresar un poco :). pero sin embargo sigo teniendo algunos inconvenientes.
Mi script quedaria como este:
<script type="text/javascript">
function saveViaAJAX()
{
var testCanvas = element.getElementsByTagName('canvas');
var canvasData = testCanvas.toDataURL("image/png");
var postData = "canvasData="+canvasData;
var debugConsole= document.getElementById("debugConsole");
debugConsole.value=canvasData;
//alert("canvasData ="+canvasData );
var ajax = new XMLHttpRequest();
ajax.open("POST",'testSave.php',true);
ajax.setRequestHeader('Content-Type', 'canvas/upload');
//ajax.setRequestHeader('Content-TypeLength', postData.length);
ajax.onreadystatechange=function()
{
if (ajax.readyState == 4)
{
//alert(ajax.responseText);
// Write out the filename.
document.getElementById("debugFilenameConsole").in nerHTML="Saved as<br><a target='_blank' href='"+ajax.responseText+"'>"+ajax.responseText+" </a><br>Reload this page to generate new image or click the filename to open the image file in a new window.";
}
}
ajax.send(postData);
}
</script>
y la funcion es llamada por un <button onclick="saveViaAJAX();">Click</button>
Pero al hacer click en este boton no sucede nada, alguien podria decirme a que se debe esto? como tambien tengo la debugConsole en el textarea, probe recibiendo el valor de las variables alli, pero tampoco se actualiza, parece que no funciona bien el
element.getElementsByTagName('canvas');. Aunque son suposiciones mias, que puedo hacer?
Muchas gracias por su ayuda.
Saludos.