So generieren Sie QR-Code mit jQuery qrcode_jquery

QR-Codes erfreuen sich mittlerweile immer größerer Beliebtheit. Viele Webseiten verfügen über einen QR-Code, der nach dem Scannen über Mobiltelefone durchsucht werden kann.

In der Vergangenheit haben wir bei ähnlichen Projekten normalerweise Bilder auf der Webseite generiert und diese dann in die Webseite eingefügt.

Auf diese Weise können Sie nicht auf jeder Seite QR-Codes generieren.

jquery-qrcode ist ein JQuery-Plug-In, das browserseitig QR-Codes generieren kann. Es ist eigenständig, weniger als 4 KB groß, mit minimaler Komprimierung und erfordert keine Bild-Download-Anforderungen. Nach der Einführung dieser Klassenbibliothek können Sie mit nur einer Codezeile ganz einfach QR-Codes zu Webseiten hinzufügen.

qrcode implementiert tatsächlich das Rendern und Zeichnen von Grafiken mithilfe von jQuery. Es unterstützt Canvas (HTML5) und Tabelle

https://github.com/jeromeetienne/jquery-qrcode

Holen Sie sich den neuesten Code.

Anwendung

1. Fügen Sie zunächst die JQuery-Bibliotheksdatei und das QRcode-Plug-In zur Seite hinzu

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="jquery.qrcode.min.js"></script>

2. Fügen Sie den folgenden Code zu der Seite hinzu, auf der der QR-Code angezeigt werden soll:

<div id="code"></div>

3. Rufen Sie das QRcode-Plugin auf

qrcode unterstützt standardmäßig zwei Methoden: Canvas und Tabelle. Die Canvas-Methode ist die effizienteste. Natürlich muss der Browser HTML5 unterstützen

Direkter Anruf:

$('#code').qrcode("http://www.jb51.net.com"); //任意字符串

Erweiterte Attribute: