在线生成二维码代码实例

快乐打工仔 分类:实例代码

现在二维码似乎已经成了一个流行元素,随便一个网站都要挂上一个二维码,供用户扫描,当然是否真的有用户去扫描就不得而知了,既然如此流行,那就介绍一下如何实现在线生成二维码。

使用jquery.qrcode插件可以实现此功能,在线开源地址是:

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; 
}

在线生成二维码代码实例,这样的场景在实际项目中还是用的比较多的,关于在线生成二维码代码实例就介绍到这了。

在线生成二维码代码实例属于前端实例代码,有关更多实例代码大家可以查看

回复

我来回复
  • 暂无回复内容