html5 Canvas + salvare file con asp.net

[Gamma]

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

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

<%@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?

[frank2tek]

Prova in questo modo :

System.Text.Encoding enc = System.Text.Encoding.ASCII;
byte[] responseArray = enc.GetBytes(canvasData);

Response.ContentType = "image/jpeg";
Response.BinaryWrite(responseArray);

Se ti da qualche errore che lascia pensare ad un problema di codifica , o ti ritorna un'immagine artefatta , allora prova a cambiare la codifica in UTF8 in questo modo

System.Text.Encoding enc = System.Text.Encoding.UTF8;  // cambia solo la codifica
byte[] responseArray = enc.GetBytes(canvasData);

Response.ContentType = "image/jpeg";
Response.BinaryWrite(responseArray);

Prova e fammi sapere se funziona , altrimenti proviamo una'altra soluzione.

[Gamma]

Prima di tutto, grazie per aver risposto

In effetti, col tuo suggerimento, ottengo una stringa che inizia con
data:image/png;base64,iVBORw0KGgoAAAANSUhE(......) e si allunga in base alla dimensione dell'immagine creata.
La cosa che mi chiedo ora è se posso salvare direttamente sul campo image del db la stringa ottenuta o devo manipolare ulteriormente la 'cosa'...

[Gamma]

Ho modificato il file aspx così:

if instr(canvasData," ")>0 then
canvasData = replace(canvasData," ","+")
end if
Dim enc As System.Text.Encoding = System.Text.Encoding.UTF8
Dim responseArray As Byte() = enc.GetBytes(canvasData)
Response.ContentType = "image/png"
Response.BinaryWrite(responseArray)

praticamente l'unica cosa che ho dovuto modificare è stato il replace degli spazi vuoti...e l'immagine si vede perfettamente!

[frank2tek]

Certo che la puoi salvare sul campo image del database

[Gamma]

ora provo grazie mille!!

[Gamma]

Mi ero dimenticato di segnalare che il tutto funziona a meraviglia
Grazie