Hallo zusammen,
ich habe ein kleines HTML Formular gebaut. Dort habe ich auch ein Feld für die Unterschrift.
Code
<div class="container">
<div class="row abstand">
<div class="col-12">
<canvas id="signature-pad" width="300" height="auto" name="signature-pad"></canvas>
</div>
</div>
</div>Der Javacode dazu habe ich wie folgt:
Code
<script>
window.addEventListener("DOMContentLoaded", function(event) {
var canvas = document.getElementById("signature-pad");
function resizeCanvas() {
var ratio = Math.max(window.devicePixelRatio || 1, 1);
canvas.width = canvas.offsetWidth * ratio;
canvas.height = canvas.offsetHeight * ratio;
canvas.getContext("2d").scale(ratio, ratio);
}
window.onresize = resizeCanvas;
resizeCanvas();
var signaturePad = new SignaturePad(canvas, {
backgroundColor: 'rgb(250,250,250)'
});
document.getElementById("clear").addEventListener('click', function(){
signaturePad.clear();
})
});
</script>Ich kann die Unterschrift zeichnen und löschen, jetzt möchte ich diese, wenn auf den "Absenden" Button gedrückt wird, dass die Unterschrift als BLOB in meine MySQL Tabelle geschrieben wird.
Kann mir jemand einen Tipp geben wie ich das gezeichnete in meine mysql Tabelle bekomme?
Besten Dank,
Erik