Salve a tutti..
Ho l'esigenza di salvare l'immagine che riesco a creare con il tag html5 <canvas> direttamente come file fisico o come image all'interno di un database:
con la seguente funzione js recupero i dati relativi all'immagine creata al volo
codice:
function saveCanvas() {
var testCanvas = document.getElementById("canvas");
var canvasData = testCanvas.toDataURL("image/png");
var results = document.getElementById("results");
var postData = "Data="+canvasData;
var ajax = new XMLHttpRequest();
ajax.open("POST",'canvas_salva.aspx',true);
ajax.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); ajax.onreadystatechange=function(){
if (ajax.readyState == 4){
results.innerHTML = ajax.responseText; }
} ajax.send(postData);
}
nella mia pagina .net recupero i dati che ho appena recuperato
codice:
<%@Page language="vb" Debug="true" %>
<% dim canvasData as string dim arr_canvas canvasData = request.form("Data") response.write (canvasData) %>
credo, però, di dovere decodificare da base64....chi mi aiuta?