javascript生成二维码

时间:2022-11-16 23:16:49

js生成二维码的本人只知道两种,可以下载,第一种本来下载不了的我试了一下,还是可以把它下载一下来的,基本和第二种的方法一样。

qrcode二维码

<div id="qrcode"></div>//这个是html部分
<a id="download" download="test.jpg"></a>
<input type="button" id="down" value="下载">
var qrcode = new QRCode(document.querySelector('#qrcode'),{
width : 96,//设置二维码的宽高
height : 96
});
qrcode.makeCode("http://www.baidu.com/");//按地址生成二维码
var url = $('#qrcode canvas').toDataURL('image/jpeg');
//转成jpg图片
$('#down').click(function(){
$("#download").attr('href', url);
})//下载

jquery.qrcode

    <div id="qrcode"></div>
<a id="download" download="test.jpg"></a>
<input type="button" id="save" value="save" />
<script src="js/jquery.qrcode.min.js"></script>
jQuery('#qrcode').qrcode({width: 96,height: 96,text:"http://www.baidu.com"});

$("#save").click(function(){

var canvas = $('#qrcode').find("canvas").get(0);

var url = canvas.toDataURL('image/jpeg');

$("#download").attr('href', url).get(0).click();

return false;
});