第一步:
网上下载jquery.qrcode.min.js
第二步:
引入二维码js
<script type="text/javascript" src="js/jquery.qrcode.min.js"></script>
引入jquery
第三步:
写生成二维码的标签
例如:
<div style="width:200px;dispaly:none;" id="codeContent">
<p style="width:200px" id="lcode"></p> //在这里生成二维码
<a id="download" download="qrcode.jpg"></a> //下载要用到
</div>
第四部:
写实现js
//生成二维码
$("#lcode").qrcode({
width: 150, //宽度
height:150, //高度
text: "url" //任意url可以带参数
//下载二维码
$("#download").attr("download",name+".jpg"); //name是图片名字可以动态实现
var canvas = $('#lcode').find("canvas").get(0); //获取第一个 canvas 因为二维码会在canvas 生成
//具体实现二维码的俩行代码
var url = canvas.toDataURL('image/jpeg'); //返回一个包含图片展示的 data URI 类型jpeg
$("#download").attr('href', url).get(0).click();
canvas.remove(); //生成下载完记得删掉二维码 因为get(0获取第一个不删掉永远获取第一个生成的二维码
网上下载jquery.qrcode.min.js
第二步:
引入二维码js
<script type="text/javascript" src="js/jquery.qrcode.min.js"></script>
引入jquery
第三步:
写生成二维码的标签
例如:
<div style="width:200px;dispaly:none;" id="codeContent">
<p style="width:200px" id="lcode"></p> //在这里生成二维码
<a id="download" download="qrcode.jpg"></a> //下载要用到
</div>
第四部:
写实现js
//生成二维码
$("#lcode").qrcode({
width: 150, //宽度
height:150, //高度
text: "url" //任意url可以带参数
//下载二维码
$("#download").attr("download",name+".jpg"); //name是图片名字可以动态实现
var canvas = $('#lcode').find("canvas").get(0); //获取第一个 canvas 因为二维码会在canvas 生成
//具体实现二维码的俩行代码
var url = canvas.toDataURL('image/jpeg'); //返回一个包含图片展示的 data URI 类型jpeg
$("#download").attr('href', url).get(0).click();
canvas.remove(); //生成下载完记得删掉二维码 因为get(0获取第一个不删掉永远获取第一个生成的二维码