Cet article présente principalement les informations pertinentes sur la numérisation et l'analyse des codes QR dans HTML5. Les amis qui en ont besoin peuvent y faire référence.
Introduction:
Récemment, il existe une exigence pour le projet d'entreprise. Dans le client Weibo, un bouton de la page H5 peut interagir avec natif et appeler l'appareil photo, scanner le code QR et l'analyser. Dans les clients non Web (WeChat ou Native Browser, tels que Safari), appelez le bouton d'image de photo du système ou de téléchargement, et analyser le code QR en prenant des photos ou en téléchargeant des images.
La deuxième solution nécessite l'analyse du code QR dans le js frontal. Cela dépend d'une bibliothèque d'analyse tierce jsqrcode. Cette bibliothèque prend déjà en charge le fonctionnement de l'appel de la caméra du côté du navigateur, mais s'appuie sur une propriété appelée GetUserMedia. Cet attribut n'est pas pris en charge par le navigateur mobile, vous ne pouvez donc analyser le code QR en téléchargeant indirectement les images.
La propriété GetUserMedia est compatible avec la liste du navigateur:
Tout d'abord, je tiens à remercier les développeurs de JSQRCODE pour avoir fourni un excellent code pour analyser les codes QR, ce qui a beaucoup réduit ma charge de travail. Adresse jsqrcode: cliquez sur moi
Mon adresse de base de code: cliquez sur moi
1. Problèmes résolus:
1. Peut appeler l'appareil photo sur le client Weibo pour scanner le code QR et l'analyser;
2. Capable de scanner les codes QR et de les analyser dans des navigateurs natifs et des clients WeChat;
2. Avantages:
Le terminal Web ou H5 peut directement terminer le travail de numérisation de code;
3. Inconvénients:
Il est facile d'échouer si l'image n'est pas claire (l'objectif doit être très proche du code QR lors de la prise de photos et des photos de numérisation), et il y aura un délai de 1 à 2 secondes par rapport à l'analyse de l'appareil photo natif.
illustrer:Ce plugin doit être utilisé avec Zepto.js ou jQuery.js
Comment utiliser:1. Présentez les fichiers JS dans le répertoire Lib dans l'ordre suivant sur la page que vous devez utiliser
Copier le code