Эта статья в основном представляет соответствующую информацию о сканировании и анализе QR -кодов в HTML5. Друзья, которые это нужно, могут ссылаться на это.
Введение:
Недавно существует требование для проекта компании. В клиенте Weibo кнопка на странице H5 может взаимодействовать с Native и вызовать камеру, сканировать QR -код и проанализировать его. В клиентах Non-Weibo (WeChat или Native Browser, таких как Safari), вызовите кнопку изображения системы или загрузите изображение и разрабатывайте QR-код, сделав фотографии или загрузив изображения.
Второе решение требует анализа QR-кода в фронтальном JS. Это зависит от сторонней библиотеки разбора JSQRCode. Эта библиотека уже поддерживает работу вызова камеры на стороне браузера, но полагается на свойство под названием Getusermedia. Этот атрибут не поддерживается мобильным браузером, поэтому вы можете анализировать QR -код, только путем косвной загрузки изображений.
Свойство GetUsermedia совместимо со списком браузеров:
Прежде всего, я хотел бы поблагодарить разработчиков JSQRCode за предоставление такого превосходного кода для анализа QR -кодов, что значительно сократило мою рабочую нагрузку. Адрес jsqrcode: нажмите меня
Мой кодовой базовый адрес: нажмите меня
1. Проблемы решены:
1. Можно позвонить камере на клиенте Weibo, чтобы сканировать QR -код и проанализировать его;
2. Способен сканировать QR -коды и проанализировать их в местных браузерах и клиентах WeChat;
2. Преимущества:
Веб или терминал H5 может напрямую завершить работу по сканированию кода;
3. Недостатки:
Легко выйти из строя, если изображение неясно (объектив должен быть очень близок к QR-коду при фотографировании и сканировании), и будет задержка 1-2 секунды по сравнению с анализом нативного камеры.
иллюстрировать:Этот плагин должен использоваться с Zepto.js или jQuery.js
Как использовать:1. Представьте файлы JS в каталоге LIB в следующем порядке на странице, вам необходимо использовать
Скопировать код