In diesem Artikel wird hauptsächlich die relevanten Informationen zum Scannen und Parsen von QR -Codes in HTML5 vorgestellt. Freunde, die es brauchen, können sich darauf beziehen.
Einführung:
Vor kurzem ist das Unternehmensprojekt erforderlich. Im Weibo -Client kann eine Schaltfläche auf der H5 -Seite mit nativem Interagieren und die Kamera aufrufen, den QR -Code scannen und analysieren. Rufen Sie in Nicht-WIBO-Clients (WeChat oder nativem Browser wie Safari) die Foto- oder Hochladen des Systems auf und analysieren Sie den QR-Code, indem Sie Fotos oder Bilder hochladen.
Die zweite Lösung erfordert das Parsen des QR-Codes im Front-End-JS. Dies hängt von einer JSQRCode-Bibliothek von Drittanbietern an. Diese Bibliothek unterstützt bereits den Betrieb, die Kamera auf der Browser -Seite anzurufen, basiert jedoch auf eine Eigenschaft namens GetUsermedia. Dieses Attribut wird vom mobilen Browser nicht unterstützt, sodass Sie den QR -Code nur durch das Hochladen von Bildern indirekt analysieren können.
Die GetUsermedia -Eigenschaft ist mit der Browserliste kompatibel:
Zunächst möchte ich mich bei den Entwicklern von JSQRCode dafür bedanken, dass sie so hervorragende Code zur Analyse von QR -Codes bereitgestellt haben, was meine Arbeitsbelastung stark reduziert hat. JSQRCODE -Adresse: Klicken Sie auf mich
Meine Code -Basisadresse: Klicken Sie auf mich
1. Probleme gelöst:
1. kann die Kamera im Weibo -Client anrufen, um den QR -Code zu scannen und sie zu analysieren.
2..
2. Vorteile:
Das Web- oder H5 -Terminal kann die Code -Scan -Arbeiten direkt ausfüllen.
3. Nachteile:
Es ist leicht zu scheitern, wenn das Bild nicht klar ist (das Objektiv muss beim Aufnehmen von Bildern und beim Scannen von Bildern sehr nahe am QR-Code liegen), und es wird eine Verzögerung von 1-2 Sekunden im Vergleich zur nativen Kameraanalyse geben.
veranschaulichen:Dieses Plugin muss mit Zepto.js oder jQuery.js verwendet werden
Wie man verwendet:1. Führen Sie die JS -Dateien in das LIB -Verzeichnis in der folgenden Reihenfolge auf der Seite ein, die Sie verwenden müssen
Kopieren Sie den Code