js实现二维码生成与解析
js生成二维码代码怎么写,js实现二维码生成与解析教程如下:
输入一个网址
实现结果:生成对应网址的二维码
js实现代码如下:
$(function() {
$("#mkqrcode").click(function() {
text =$.trim( $("#str").val());
qrcode_w =parseInt( $("#qrcode_w").val()) > 0 ? parseInt( $("#qrcode_w").val()) : 64;
qrcode_h =parseInt( $("#qrcode_h").val()) > 0 ? parseInt( $("#qrcode_h").val()) : 64;
console.log(qrcode_w);
console.log(qrcode_h);
jQuery('#qrcodeCanvas').empty();
jQuery('#qrcodeCanvas').qrcode({
width: qrcode_w,
height: qrcode_h,
text : text
});
});
$("#qrcode_h").keyup(function() {
$("#qrcode_w").val($(this).val());
})
$('#download').click(function() {
this.href = $('canvas')[0].toDataURL();// Change here
this.download = 'qrcode.png';
});
$("#mkqrcode").click();
})
显示效果:二维码生成器
参考文章:http://www.theicstock.com/gonglve/1074.html