Hi zusammen,
ich probiere mich zurzeit an einem QR Code Reader, der einen QR Code laden und auslesen kann. Vor allem sollen damit Qr Codes mit Links ausgelesen werden.
Soweit funktionier das ganze auch, über klick auf Datei auswählen kann der QR Code geladen werden und die hinterlegte URL wird als String zurück gegeben und in dem Button dargestellt, allerdings ist der Button nicht klickbar.
Daher meine Frage, wie kann ich anstatt eines Strings einen Link zurück geben bzw. wie kann ich den String so umwandeln, dass der button klickbar wird?
HTML
<!DOCTYPE html>
<html>
<body>
<input type=button class=qrcode-text >
<label class=qrcode-text-btn>
<input type=file
accept="image/*"
capture=environment
onchange="openQRCamera(this);"
tabindex=-1>
</label>
</form>
<script>
function openQRCamera(node) {
var reader = new FileReader();
reader.onload = function() {
node.value = "";
qrcode.callback = function(res) {
if(res instanceof Error) {
alert("No QR code found. Please make sure the QR code is within the camera's frame and try again.");
} else {
node.parentNode.previousElementSibling.value = res;
}
};
qrcode.decode(reader.result);
};
reader.readAsDataURL(node.files[0]);
}
</script>
</body>
</html>
Alles anzeigen