I require to scan Barcode and Qrcode on Android /iphone/ipad devices. The Project is completely based on Angular JS and HTML5.It is mobile website.

Below is the requirement. It should not download any third party native application on device.So unable to use native Zxing application.

So,is there any way in javascript/HTML5/jquery/Angular js through which we can scan barcode using native camera?

We tried below javascript library but found not useful as it is only for QRcode and not opening camera as well.

Please Help!!

I require to scan Barcode and Qrcode on Android /iphone/ipad devices. The Project is completely based on Angular JS and HTML5.It is mobile website.

Below is the requirement. It should not download any third party native application on device.So unable to use native Zxing application.

So,is there any way in javascript/HTML5/jquery/Angular js through which we can scan barcode using native camera?

We tried below javascript library but found not useful as it is only for QRcode and not opening camera as well. https://github.com/LazarSoft

Please Help!!

• javascript
• jquery
• html
• angularjs

• 1 Without Flash (or some yet unreleased improvement to the File API) there is simply no way to grab data from a mobile camera and process it client side in JavaScript (the LazerSoft library is impressive, but it gets the camera data from a Flash SWF, and converts it to a canvas element). You could prompt a user to upload an image taken from their camera and have a server side block of code running. this would not come close to the performance or a native app. Maybe something like PhoneGap or Titanium? – Jason Sperske Commented Jul 30, 2013 at 6:33
• on Android and ios mobile browser for flash "This plugin is not supported error was coming".It is requirement by client that we should not open gallery. – user2425109 Commented Jul 30, 2013 at 15:00
• Wondering if you found a solution as I am having the same issue – user2911232 Commented Aug 20, 2015 at 8:15
• It's now 2017 and still there isn't a library I can find that will do barcodes and QR codes in javascript/angular/jquery – Kyle Burkett Commented Sep 21, 2017 at 15:51
• There is a built-in barcode scanner API in js now you can read more about it here so far not fully supported for all browsers but can scan barcodes and QR codes. – Fletcher Rippon Commented Dec 16, 2021 at 5:39

2 Answers 2

Please read through this plugin, should help you achieve what you are looking for. Try the DEMO LINK - This is a cross platform jQuery library to create a QRcode reader for HTML5 compatible browser.

I adapted html5-qrcode plugin as AngularJS directive.

You can find it in this repo:

https://github.com/sembrestels/angular-qr-scanner