Skip to content
Javascript QRCode scanner
Find file
New pull request
Latest commit 67e77fe 4 @LazarSoft Resize input QR Code image
Resize input QR Code image to a maximum of width x height = 1024x1024 (keeping aspect ratio), to handle big images taken with mobile cameras.
Failed to load latest commit information.
src Resize input QR Code image
COPYING add sources
README Updated for the use of getUserMedia


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.
Something went wrong with that request. Please try again.