Przesłanie dataURL na serwer i z powrotem (JavaEE, HTML5 canvas)

Przesłanie dataURL na serwer i z powrotem

Sposób postępowania

• Obrazek na canvas zapisujemy do zmiennej przy użyciu toDataURL()
• Przygotowujemy serwlet
  • Przygotowujemy serwlet przyjmujący dane i umieszczamy go na serwerze. Na razie serwlet zapisuje dane do zmiennej i przekazuje je z powrotem jako odpowiedź.
  • Rejestrujemy serwlet w pliku 'web.xml’
• Przygotowujemy kod AJAX do wysyłania zmiennej dataURL na serwer.
• Uruchamiamy kod przez kliknięcie przycisku 'Wyślij dataURL’.

Tak wygląda aplikacja na serwerze:

Po kliknięciu przycisku dane przesłane są na serwer, a następnie zwrotnie przekazane na stronę.

Kompletna aplikacja Apache Netbeans 15 używającą serwera Tomcat 10.0.23 pod nazwą dataURL1 w pliku dataURL1.zip.

Aplikację umieściłem na własnym serwerze czynnym okresowo ze względu na koszty energii elektrycznej: Przesłanie dataURL na serwer i z powrotem