JavaScripting

The definitive source of the best
JavaScript libraries, frameworks, and plugins.


  • ×

    jQuery QR Code

    qrcode generation standalone (doesn't depend on external services)
    Filed under  › 

    • 🔾61%Overall
    • 3,596
    • 69.7 days
    • 🕩1624
    • 👥10

    jquery.qrcode.js

    jquery.qrcode.js is jquery plugin for a pure browser qrcode generation. It allow you to easily add qrcode to your webpages. It is standalone, less than 4k after minify+gzip, no image download. It doesnt rely on external services which go on and off, or add latency while loading. It is based on a library which build qrcode in various language. jquery.qrcode.js wraps it to make it easy to include in your own code.

    Show, don't tell, here is a example

    How to Use It

    Let me walk you thru it. First include it in your webpage with the usual script tag

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

    Then create a DOM element which gonna contains the generated qrcode image. Lets say a div

    <div id="qrcode"></div>
    

    Then you add the qrcode in this container by

    jquery('#qrcode').qrcode("this plugin is great");
    

    This is it. see it live.

    You can set the height and width of the generated qrcode:

    jquery('#qrcode').qrcode({width: 64,height: 64,text: "size doesn't matter"});
    

    Conclusion

    jquery.qrcode.js is available on github here under MIT license. If you hit bugs, fill issues on github. Feel free to fork, modify and have fun with it :)

    Show All