二维码学习(四):使用jquery生成二维码
这篇使用jquery生成二维码。很简单,而且很实用,当二维码数据量不太大的时候推荐使用。
1、导入Jquery包:
jquery.min.js:jquery包
jquery.qrcode.min.js
2、页面结构:
<body> 生成的二维码如下: <div id="qrcode"></div> </body>这里的ID可以随便取名,只需要跟JS中的对象一一对应即可。
3、使用JS生成二维码:
$(document).ready(function() { var value = "使用Jquery生成二维码"; value = utf16to8(value);//转码,直接生成的二维码扫描出来的结果是乱码,转码之后可以成功扫描出中文 $("#qrcode").qrcode({ render : "table", //设置渲染方式,有table和canvas,使用canvas方式渲染性能相对来说比较好,但是它要求浏览器支持Html5,因为它使用canvas标签展示二维码的 text : value, //扫描二维码后显示的内容,可以直接填一个网址,扫描二维码后自动跳向该链接 width : "200", //二维码的宽度 height : "200", //二维码的高度 background : "#ffffff", //二维码的后景色 foreground : "#000000" //二维码的前景色 }); }); //编码要显示的内容 function utf16to8(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; }4、可能出现的问题:无法打印
相关推荐
EdwardSiCong 2020-11-23
85477104 2020-11-17
hhanbj 2020-11-17
81427005 2020-11-11
seoppt 2020-09-13
honeyth 2020-09-13
WRITEFORSHARE 2020-09-13
84483065 2020-09-11
momode 2020-09-11
85477104 2020-08-15
83510998 2020-08-08
82550495 2020-08-03
tthappyer 2020-08-03
84901334 2020-07-28
tthappyer 2020-07-25
TONIYH 2020-07-22
tztzyzyz 2020-07-20
83510998 2020-07-18
81463166 2020-07-17