前端生成二维码 jquery.qrcode.js

最新推荐文章于 2025-06-21 10:56:22 发布

weixin_30713953

最新推荐文章于 2025-06-21 10:56:22 发布

阅读量99

点赞数

CC 4.0 BY-SA版权

文章标签：前端 javascript ViewUI

原文链接：http://www.cnblogs.com/c1ndy/p/5361499.html

jquery.qrcode.js是一款基于jQuery的轻量级浏览器端二维码生成插件，使用简便，无需依赖第三方服务，适用于网页中快速生成二维码的需求。

用jquery的二维码插件：jquery.qrcode.js

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

jquery.qrcode.js 使用

1. 加载 jQuery 和 jquery.qrcode.js：

<script type='text/javascript' src='http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js'></script>
<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://blog.wpjam.com");

4. 默认生成的二维码大小是 256×256，当然可以自定义大小：

jQuery('#qrcode').qrcode({width: 64,height: 64,text: "http://blog.wpjam.com"});

本文转自：http://blog.wpjam.com/m/jquery-qrcode/

转载于:https://www.cnblogs.com/c1ndy/p/5361499.html