由于一个坑爹的项目需要生成二维码扫描,后台由于数据库比较麻烦,就只能前端做了,于是乎找到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编码。

最新文章

  1. JSP页面和属性命名规范
  2. Android SQLite 通配符查询找不到参数问题
  3. phonegap + Framework7 之 ios 推送跳转测试
  4. sys模块的初步认识
  5. Apache Commons fileUpload实现文件上传之一
  6. Sql server 日期函数和日期转换
  7. WCF分布式开发步步为赢(2)自定义托管宿主WCF解决方案开发配置过程详解
  8. Codeforces Problem 598E - Chocolate Bar
  9. iOS Block 用法 (1)-once again
  10. BZOJ1662: [Usaco2006 Nov]Round Numbers
  11. ADO.NET中SqlCommand对数据库操作
  12. Linux kernel的中断子系统之(一):综述
  13. 网卡也能虚拟化?网卡虚拟化技术 macvlan 详解
  14. OpenLayers学习笔记(十)— 动态加载JSON数据模拟航迹线
  15. leetCode53. 最大子序和
  16. vue mandmobile ui实现三列列表的方法
  17. Python3 下实现 腾讯人工智能API 调用
  18. OAuth2.0的理解&amp;基础
  19. leetcode338&mdash;Counting Bits
  20. 让TQ2440也用上设备树(2)

热门文章

  1. nm命令介绍
  2. matlab设置mex失败
  3. 利用CSS制作背景变色的横向导航栏
  4. tc/traffic control 网络控制工具
  5. MySQL修改最大连接数的两个方法,偏爱第一种
  6. springboot 整合thymeleaf 书笔记
  7. PHP验证电子邮件-密码保护和随机密码
  8. 博客框架 Hexo: 3.9.0 及主题 NexT 6.x.x 基本操作
  9. getopt|sys|open|print文件|main()|if __name__ == &quot;__main__&quot;|getline()
  10. 解决一个通过 WebReference 调用 WCF 时自定义 DataContract 类参数提交的问题