Salvar imagem do Canvas (Poste a string de dados em PHP)
Eu estou olhando para aprender JavaScript e tenho querido por um tempo, eu tenho um pequeno tutorial sobre como criar um aplicativo de desenho de Canvas HTML5, estou tentando modificá-lo para que eu possa salvar a imagem para meu banco de dados MySQL. Até agora, o código abaixo simplesmente redireciona para o meu arquivo PHP e tem o código que eu gostaria, mas é um pouco grande, então eu queria saber se havia uma maneira de reduzir isso ou possivelmente _POST para o script PHP.
saveAsPNG : function(oCanvas, bReturnImg, iWidth, iHeight) {
if (!bHasDataURL) {
return false;
}
var oScaledCanvas = scaleCanvas(oCanvas, iWidth, iHeight);
var strData = oScaledCanvas.toDataURL("image/png");
window.location.href = "http://localhost/save_server/?image=" + strData;
if (bReturnImg) {
return makeImageObject(strData);
} else {
saveFile(strData.replace("image/png", strDownloadMime));
}
return true;
},
Estou usando window.location.href para enviar os dados. Qualquer ajuda seria apreciada. O URL que ele atualmente fornece é ...
localhost / save_server /? imagem = data: image / png; base64, iVBORw0KGgoAAAANSUhEUgAAA4EAAAIUCAYAAACkdimIAAAgAElEQVR4Xu3XQQEAAAgCMelf2iA3GzD8sHMECBAgQIAAAQIECB ... Sabe de uma coisa? É tão grande que nem vou postar aqui.
Agradeço por qualquer ajuda desde já!