提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

利用jquery包将字符串生成二维码图片

jQuery 利用 字符串 图片 生成 二维码
2023-06-13 09:15:05 时间

将一个字符串（可以是中文，在生成二维码图片之前将中文转码）生成二维码图片，如果想要带log的二维码，可以在生成后的二维码中间部位自己添加一个小log，log图片不要太大，不然就扫描不出内容了。

复制代码代码如下:

<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<scriptsrc="js/jquery-1.8.3.js"type="text/javascript"></script>
<scriptsrc="js/qrcode.js"type="text/javascript"></script>
<scriptsrc="js/jquery.qrcode.js"type="text/javascript"></script>
<scripttype="text/javascript">
$(function(){
$("#bt").bind("click",function(){
text=$("#text").val();
$("#div_div").qrcode(utf16to8(text));

})
})
functionutf16to8(str){//转码
varout,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);
}elseif(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));
}
}
returnout;
}
</script>
</head>
<body>
<inputtype="text"id="text"/>
<inputtype="button"value="shengc"id="bt"/>
<divid="div_div"style="width:400px;height:400px;border:1pxsolid#000;"></div>
</body>
</html>

这里引用了三个js包，其中一个是jquery包，这个随便版本，另外两个就是画二维码用的js包了。

js包下载http://download.csdn.net/detail/anxin591025/6254607

PS：这里再提供一个本站的二维码生成工具加强版（带logo与各种定制功能）供大家使用：

相关文章