Thread Canvas Inhalt auf Server speichern? (18 answers)
Opened by volker.55211 at 2022-01-14 16:48

haj
 2022-01-15 19:01
#194162 #194162
User since
2015-01-07
521 Artikel
BenutzerIn

user image
2022-01-15T17:09:44 volker.55211
$image = $_POST["signature"];
echo "<img src=\"" . $image . "\">";

Wie muss ich die jetzt behandeln um sie als Bild abzuspeichern?

Direkt aus JavaScript heraus mit XMLHTTPRequest - da hat ja auch Bianca schon was verlinkt.

Du erzeugst in JS einen POST Request, und Dein Server kann den mit handelsüblichen CGI-Mitteln bearbeiten. Dein JS-Programm kann dann den HTTP-Returncode auswerten und sollte dem Benutzer mitteilen, dass das Speichern geklappt hat.

Was ich nicht weiß: In welchem Format das $image vorliegt. Möglicherweise ist das eine "Data URL"? So eine kannst Du mit canvas.toDataURL( ) erzeugen, die sehen beispielsweise so aus:
Code: (dl )
<img src="data:image/png;base64,SGVsbG8sIFdvcmxkIQ==>

In dem Fall kannst Du auf dem Server die Bytewurst mit CPAN:MIME::Base64 decodieren und direkt als PNG-Datei abspeichern.

View full thread Canvas Inhalt auf Server speichern?