您的位置:首页 > Web前端 > JQuery

生成二维码的 jQuery 插件:jquery.qrcode.js

2016-04-15 11:28 661 查看
jquery.qrcode.js 是一个纯浏览器 生成 QRcode 的 jQuery 插件,它使用非常简单,生成的 QRcode 无需下载图片,并且不依赖第三方服务,比如最近 Google 服务在国内访问不稳就造成我好几个网站的 QRcode 不能使用,并且压缩之后大小小于 4K。

jquery.qrcode.js 使用

1. 加载 jQuery 和 jquery.qrcode.js:
<script type='text/javascript' src='<script type="text/javascript" src="http://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
2. 创建一个用于包含 QRcode 图片的 DOM 元素,比如 div:
<div id="qrcode"></div>
3. 然后通过下面代码生成 QRcode:
jQuery('#qrcode').qrcode("http://www.baidu.com");
4. 默认生成的二维码大小是 256×256,当然可以自定义大小:
jQuery('#qrcode').qrcode({width: 100,height: 100,text: "http://www.baidu.com"});
5. 如何想让在手机端直接打开浏览pc,则text的参数为:window.location.href
jQuery('#qrcode').qrcode({width: 100,height: 100,text: window.location.href});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  Google 浏览器 二维码