使用jQuery插件生成二维码

Posted PHP技术拓展

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用jQuery插件生成二维码相关的知识,希望对你有一定的参考价值。

现在,二维码的使用越来越广泛,如今的大街,二维码遍地可见,二维码为我们带来了很多的便利。下面我们就介绍一种使用jQuery插件生成对应二维码的使用方法。


我们在百度上下载要是用的jquery插件----------qrcode.min.js

下载了时候就可以使用了,使用起来非常方便,下面给大家一个最简单的二维码生成示例。


首先,我们在要编写的html代码中引入qrcode.min.js。


编写一个最简单的输入框以获取要生成二维码的内容的,在加一个简单的按钮即可。

使用jQuery插件生成二维码

效果:

使用jQuery插件生成二维码

使用:单击之后通过jQuery对其进行获取和生成。

    1.实例化QRCode($m,$n)    //    $m为二维码要显示的位置(注意,要使用DOM的形式获取对象,不支持jquery形式获取),$n为二维码生成的参数设置,格式为json格式,如指定二维码的宽度和高度等。

使用jQuery插件生成二维码

    2.调用makeCode($str)生成对应的二维码即在实例化传入的位置生成对应的二维码图片。    // $str为要生成二维码的内容。  使用jQuery插件生成二维码

    完成js代码示例:

使用jQuery插件生成二维码

效果:

使用jQuery插件生成二维码

使用jQuery插件生成二维码

全部完整代码:

使用jQuery插件生成二维码




以上是关于使用jQuery插件生成二维码的主要内容,如果未能解决你的问题,请参考以下文章

使用jquery的jqcode插件生成二维码,并能打印

前端生成二维码插件jquery.qrcode.min.js

如何使用jquery.qrcode.js插件生成二维码

二维码生成插件(jquery.qrcode.js)说明文档

生成二维码的 jQuery 插件:jquery.qrcode.js的中文乱码问题

在angular中结合使用jquery的生成二维码插件