基本信息
源码名称:js生成二维码并打印(jquery.jqprint)
源码大小:2.81KB
文件格式:.html
开发语言:js
更新时间:2019-03-27
友情提示:(无需注册或充值,赞助后即可获取资源下载链接)
嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):813200300
本次赞助数额为: 2 元×
微信扫码支付:2 元
×
请留下您的邮箱,我们将在2小时内将文件发到您的邮箱
源码介绍
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JQuery QRcode</title>
<style>
@media screen
{
#canvas
{
display: block;
}
#image
{
display: none;
}
}
@media print
{
#canvas
{
display: none;
}
#image
{
display: block;
}
}
</style>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js" type="text/javascript"></script>
<script src="https://cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js" type="text/javascript"></script>
<script src="https://blog-static.cnblogs.com/files/diyunfei/jquery.jqprint-0.3.js" type="text/javascript"></script>
<script>
function encode(){
$("#code").html('');
var str=$('#txt').val();
str=toUtf8(str);
//$('#code').qrcode(str);
$("#code").qrcode({
render: "canvas", //table方式
width: 100, //宽度
height:100, //高度
text: str //任意内容
});
}
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;
}
function print(){
var img = document.getElementById("image"); /// get image element
var canvas = document.getElementsByTagName("canvas")[0]; /// get canvas element
img.src = canvas.toDataURL(); /// update image
$("#image").jqprint({
debug:false,
importCSS:true,
printContainer:true,
operaSupport:false
});
}
</script>
</head>
<body>
<input type="text" id="txt" />
<button id="btnEncode" onclick="encode();">
生成QRcode</button>
<button id="btnPrint" onclick="print();">
打印</button>
<hr />
<div id="code">
</div>
<img id="image" src="" />
</body>
</html>