Sto usando lo strumento JavaScript "Canvas2Image" di Nihilogic per convertire i disegni su tela in immagini PNG. Ciò di cui ho bisogno ora è trasformare quelle stringhe base64 che questo strumento genera, in veri e propri file PNG sul server, usando PHP.
In breve, quello che sto facendo attualmente è generare un file sul lato client usando Canvas2Image, quindi recuperare i dati con codifica base64 e inviarlo al server usando AJAX:
// Generate the image file
var image = Canvas2Image.saveAsPNG(canvas, true);
image.id = "canvasimage";
canvas.parentNode.replaceChild(image, canvas);
var url = 'hidden.php',
data = $('#canvasimage').attr('src');
$.ajax({
type: "POST",
url: url,
dataType: 'text',
data: {
base64data : data
}
});
A questo punto, "hidden.php" riceve un blocco di dati che assomiglia a dati: image / png; base64, iVBORw0KGgoAAAANSUhEUgAABE ...
Da questo punto in poi, sono praticamente sconcertato. Da quello che ho letto, credo che dovrei usare la funzione imagecreatefromstring di PHP , ma non sono sicuro di come effettivamente creare un'immagine PNG reale dalla stringa codificata in base64 e archiviarla sul mio server. Per favore aiuto!