I am looking for assistance with a signature capture form. I came across a standard template on Github that works perfectly, but I wanted to customize it further. However, my Javascript skills are still in the early stages. The current code allows you to create a signature and then save it as a PNG image on a new page. I intend to use this feature for technicians working in the field so they don't have to store signatures on their phones. Instead, I want them to be able to click a Submit button which will automatically send the image to a designated folder on our server named "signatures/". Any help or guidance on how to achieve this would be greatly appreciated. While I have seen similar requests for this type of functionality, I am struggling to connect all the necessary pieces together.
signaturepad.php
<!doctype html>
<html lang="en">
... (content omitted for brevity)
</script>
</head>
... (content omitted for brevity)
<p><strong>app.js</strong></p>
<pre><code>var wrapper = document.getElementById("signature-pad"),
... (content omitted for brevity)
});