jquery.qrcode笔记
2024-08-30 18:23:41
由于一个坑爹的项目需要生成二维码扫描,后台由于数据库比较麻烦,就只能前端做了,于是乎找到Js生成qrcode的一个库:https://github.com/jeromeetienne/jquery-qrcode,试用了下感觉挺方便的,做个记录。
这是Jquery的一个插件,需要用到Jquery。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>QRCODE TEST</title>
</head>
<body>
<div id="code"></div>
</body>
<script src="./jquery/jquery.js"></script>
<script src="./jquery/jquery.qrcode.min.js"></script>
<script>
function changeToUtf8(str) {
var output, i, len, c;
output = "";
len = str.length;
for(i = 0; i < len; i++) {
c = str.charCodeAt(i);
if ((c >= 0x0001) && (c <= 0x007F)) {
output += str.charAt(i);
} else if (c > 0x07FF) {
output += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
output += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));
output += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
} else {
output += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));
output += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
}
}
return output;
}
var str=changeToUtf8("尼玛");
$("#code").qrcode({
render:"table",
width:200,
height:200,
text:str
});
</script>
</html>
之所以需要个changeToUft8函数是因为中文字符直接生成二维码再进行扫描读取的话会乱码,qrcode是采用charCodeAt()进行转码的,默认是unicode编码。
最新文章
- JSP页面和属性命名规范
- Android SQLite 通配符查询找不到参数问题
- phonegap + Framework7 之 ios 推送跳转测试
- sys模块的初步认识
- Apache Commons fileUpload实现文件上传之一
- Sql server 日期函数和日期转换
- WCF分布式开发步步为赢(2)自定义托管宿主WCF解决方案开发配置过程详解
- Codeforces Problem 598E - Chocolate Bar
- iOS Block 用法 (1)-once again
- BZOJ1662: [Usaco2006 Nov]Round Numbers
- ADO.NET中SqlCommand对数据库操作
- Linux kernel的中断子系统之(一):综述
- 网卡也能虚拟化?网卡虚拟化技术 macvlan 详解
- OpenLayers学习笔记(十)— 动态加载JSON数据模拟航迹线
- leetCode53. 最大子序和
- vue mandmobile ui实现三列列表的方法
- Python3 下实现 腾讯人工智能API 调用
- OAuth2.0的理解&;基础
- leetcode338&mdash;Counting Bits
- 让TQ2440也用上设备树(2)
热门文章
- nm命令介绍
- matlab设置mex失败
- 利用CSS制作背景变色的横向导航栏
- tc/traffic control 网络控制工具
- MySQL修改最大连接数的两个方法,偏爱第一种
- springboot 整合thymeleaf 书笔记
- PHP验证电子邮件-密码保护和随机密码
- 博客框架 Hexo: 3.9.0 及主题 NexT 6.x.x 基本操作
- getopt|sys|open|print文件|main()|if __name__ == ";__main__";|getline()
- 解决一个通过 WebReference 调用 WCF 时自定义 DataContract 类参数提交的问题