Maison > interface Web > js tutoriel > jQuery implémente la fonction 'lecture du code scan'_jquery

jQuery implémente la fonction 'lecture du code scan'_jquery

WBOY
Libérer: 2016-05-16 16:18:33
original
1368 Les gens l'ont consulté

Aujourd'hui, j'ai vu un utilisateur poster un sujet : "C'est difficile de saisir les URL une par une sur le PC pour les ouvrir sur le mobile. Existe-t-il un bon moyen ?".

Il est vrai que nous sommes désormais dans l'ère du mobile, et la lecture sur les appareils mobiles deviendra progressivement courante. Si un site Web ne propose pas aux utilisateurs un moyen pratique de lire sur les appareils mobiles, il serait donc un peu obsolète. J'y ai réfléchi et j'ai créé une fonction "lecture du code scan". En fait, c'est très simple, il suffit de générer un QR code à partir de l'URL.

Qu'il soit généré en PHP ou en JavaScript, il est plus simple d'utiliser JavaScript en termes de changements de code. Utilisons donc jQuery ici. Il existe une extension de jquery.qrcode.js sur Internet que vous pouvez utiliser. C’est aussi très simple à utiliser, comme ceci :

Utilisez ensuite WeChat, Alipay wallet, etc. pour le scanner et l'ouvrir dans le navigateur mobile. C'est très pratique. Merci à l'auteur de jquery.qrcode.js.

Le code pour générer le QR code est le suivant :

Copier le code Le code est le suivant :




jquery.qrcode.js utilise en fait jQuery pour réaliser le rendu graphique et le dessin, et prend en charge le canevas (HTML5) et le tableau. La méthode canevas est utilisée par défaut, qui est bien sûr la plus efficace, le navigateur doit prendre en charge html5. Appel direct comme suit :

Copier le code Le code est le suivant :

jQuery('#code').qrcode("http://www.xxx.net/");

Si le navigateur ne prend pas en charge HTML5, ou si vous souhaitez configurer la taille de l'image, vous pouvez utiliser cette méthode :

Copier le code Le code est le suivant :

jQuery("#code").qrcode({
render : "canvas", //mode canevas ou tableau
largeur : 150, //Largeur
hauteur:150, //Hauteur
texte : 'http://www.xxx.net/' //Contenu
});

Il y a désormais un code QR généré sur le côté droit de chaque article du blog, qui peut être scanné et lu sur votre téléphone mobile.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal