jquery.qrcode在线生成二维码使用示例

2019-12-24,,,,

最近在做一个二维码的项目,所以在随便看的时候发现这个感觉挺不错的。jquery除了它自己非常出色的js功能之外还附带有数不清的插件,可以完成各种美好的效果和功能。jquery.qrcode就是其中一个,用来在线生成二维码
qrcode插件在github上开源的地址在https://github.com/jeromeetienne/jquery-qrcode
它的后面附带有使用说明,只有简单的四步,非常方便的调用。

插件是外国人写的,所以在开始使用的时候不能识别中文内容的二维码,因为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;
}

您可能感兴趣的文章:

  • 利用jquery包将字符串生成二维码图片
  • 利用jquery.qrcode在页面上生成二维码且支持中文
  • 使用jquery组件qrcode生成二维码及应用指南
  • 使用jquery.qrcode生成彩色二维码实例
  • jquery插件qrcode在线生成二维码
  • Jquery 类网页微信二维码图块滚动效果具体实现
  • jQuery实现微信长按识别二维码功能
  • 使用jquery.qrcode.min.js实现中文转化二维码
  • jQuery qrcode生成二维码的方法
  • jQuery实现二维码扫描功能

《jquery.qrcode在线生成二维码使用示例.doc》

下载本文的Word格式文档,以方便收藏与打印。