使用jquery.qrcode生成二维码
1、首先在页面中加入jquery库文件和qrcode插件。
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.qrcode.min.js"></script>
2、在页面中需要显示二维码的地方加入以下代码:
<div id="code"></div>
3、调用qrcode插件。
qrcode支持canvas和table两种方式进行图片渲染,默认使用canvas方式,效率最高,当然要浏览器支持html5。直接调用如下:
$('#code').qrcode("http://www.codesky.net"); //任意字符串
您也可以通过以下方式调用:
$("#code").qrcode({render: "table", //table方式width: 200, //宽度height:200, //高度text: "www.codesky.net" //任意内容
});
这样就可以在页面中直接生成一个二维码,你可以用手机“扫一扫”功能读取二维码信息。
识别中文
我们试验的时候发现不能识别中文内容的二维码,通过查找多方资料了解到,jquery-qrcode是采用charCodeAt()方式进行编码转换的。而这个方法默认会获取它的Unicode编码,如果有中文内容,在生成二维码前就要把字符串转换成UTF-8,然后再生成二维码。您可以通过以下函数来转换中文字符串:
function toUtf8(str) { var out, i, len, c; out = ""; len = str.length; for(i = 0; i < len; i++) { c = str.charCodeAt(i); if ((c >= 0x0001) && (c <= 0x007F)) { out += str.charAt(i); } else if (c > 0x07FF) { out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F)); out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F)); out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F)); } else { out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F)); out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F)); } } return out;
}
以下示例:
var str = toUtf8("我爱你");
$('#code').qrcode(str);
使用jquery.qrcode生成二维码相关推荐
- 使用jquery.qrcode生成二维码(转)
jQuery 的 qrcode 插件就可以在浏览器端生成二维码图片. 这个插件的使用非常简单: 1.首先在页面中加入jquery库文件和qrcode插件. 代码 <script type=& ...
- 使用jQuery的插件qrcode生成二维码(静态+动态生成)及常见问题解决方法
使用jQuery的插件qrcode生成二维码(静态+动态生成)及常见问题解决方法 参考文章: (1)使用jQuery的插件qrcode生成二维码(静态+动态生成)及常见问题解决方法 (2)https: ...
- C# 利用QRCode生成二维码图片
网上生成二维码的组件是真多,可是真正好用的,并且生成速度很快的没几个,QRCode就是我在众多中找到的,它的生成速度快.但是网上关于它的使用说明,真的太少了,大都是千篇一律的复制粘贴.这是本要用它做了 ...
- 关于QRCode生成二维码(背景图、Logo)
关于QRCode生成二维码的代码 /// <summary> /// 创建二维码 /// </summary> /// <param name="QRStrin ...
- php使用Qrcode生成二维码
php使用Qrcode生成二维码 首先检查php.ini Gd 库要打开 use QrCode; //控制器引用public function index(){include 'phpqrcode.p ...
- 用ThoughtWorks.QRCode生成二维码时出现“索引超出了数组界限”的错误
用ThoughtWorks.QRCode生成二维码时出现"索引超出了数组界限"的错误 字符串较长的情况下,用ThoughtWorks.QRCode生成二维码时出现"索引超 ...
- qrcode 生成二维码,带logo 带文字描述
qrcode 生成二维码 1.引入 pom.xml 2. ResourceRenderer 3. QRCodeUtil 4. QRCodeController 5. HTML 6. 测试 1.引入 p ...
- C语言使用QRcode生成二维码
C语言使用QRcode生成二维码的简单操作 首先需要QRcode源码包 可以参考这位大神的文章: https://blog.csdn.net/qq_21475601/article/details/7 ...
- qr-code 生成二维码
1.下载: composer require endroid/qr-code php: >=7.2 2.新建Qrcodes.php二维码生成类 use Endroid\QrCode\ErrorC ...
最新文章
- 某程序员以阿里为原型写小说!阿里员工:每件事都是真的!网友:建议拍成电视剧!...
- iOS 通知中心(NSNotificationCenter)
- 单词计数WordCountApp.class
- 有温度传感器的风机控制系统C语言,毕业论文--基于单片机的工业风机控制器设计与实现.doc...
- POSIX信号量API函数
- netscreen 25配置外网到内网的Webserver实践
- 【learn】learn1
- HttpClient发送get post请求和数据解析
- C++11 static_assert 使用方法及assert 与 #error
- vga焊接线顺序_VGA线的焊接方法,15线与7线分别如何焊接?
- 另外一台电脑打开html,有的网页你打不开,在别的电脑就能打开,这样处理就解决了...
- 晚上如何配置ubuntu,保护眼睛?黑(暗)色主题
- 抖音矩阵系统。抖音矩阵系统,抖音矩阵系统源码。
- 跨考计算机408的学习心得技巧分享
- angularJS1 异常Error: [$injector:unpr]
- 使用Gitmoji进行git commit的快速查阅指南
- 纯CSS3写的10个不同的酷炫图片遮罩层效果【转】
- 【Proteus仿真】利用74LS148扩展单片机中断
- MS08-067漏洞分析与复现
- AD原理图旋转元器件
热门文章
- 利用NTLDR进入RING0的方法及MGF病毒技术分析笔记
- android 签名包闪退,解决APP连续闪退的方案,你还不知道的签名方式
- 行业应用必不可少 佳能激光打印新品抢先了解
- win10登录失败未授予用户在此计算机上,手把手修复win10系统访问网上邻居提示未授予用户在此计算机上的请求登录类型的技巧...
- android开发 android.view.View.OnClickListener和android.content.DialogInterface.OnClickListener冲突...
- mysql密码过期解决办法,mysql密码永不过期
- egret的$hitTest函数有bug?
- 1km分辨率逐月降雨量和最高温度数据集(1901-2022)
- 抖音同款课堂点名系统,Python写起来很简单
- live2dviewer android,Live2DViewerEX.apk