Javascript QRCode scanner
JavaScript HTML
Latest commit b69b70e Jul 5, 2016 @LazarSoft committed on GitHub Merge pull request #47 from tarun1793/patch-1
Allow cross-origin canvas image
Failed to load latest commit information.
src Merge pull request #47 from tarun1793/patch-1 Jul 5, 2016
COPYING add sources Sep 15, 2011
README Updated for the use of getUserMedia Jan 9, 2014


JavaScript QRCode reader for HTML5 enabled browser.
2011 Lazar Laszlo

Try it online:

This is a port of ZXing qrcode scanner,


Include the scripts in the following order:

<script type="text/javascript" src="grid.js"></script>
<script type="text/javascript" src="version.js"></script>
<script type="text/javascript" src="detector.js"></script>
<script type="text/javascript" src="formatinf.js"></script>
<script type="text/javascript" src="errorlevel.js"></script>
<script type="text/javascript" src="bitmat.js"></script>
<script type="text/javascript" src="datablock.js"></script>
<script type="text/javascript" src="bmparser.js"></script>
<script type="text/javascript" src="datamask.js"></script>
<script type="text/javascript" src="rsdecoder.js"></script>
<script type="text/javascript" src="gf256poly.js"></script>
<script type="text/javascript" src="gf256.js"></script>
<script type="text/javascript" src="decoder.js"></script>
<script type="text/javascript" src="qrcode.js"></script>
<script type="text/javascript" src="findpat.js"></script>
<script type="text/javascript" src="alignpat.js"></script>
<script type="text/javascript" src="databr.js"></script>

Set qrcode.callback to function "func(data)", where data will get the decoded information.

Decode image with: qrcode.decode(url or DataURL).
Decode from canvas with "qr-canvas" ID: qrcode.decode()

[new from 2014.01.09]
For webcam qrcode decoding (included in the test.html) you will need a browser with getUserMedia (WebRTC) capability.