js生成二维码并下载

第一步:
网上下载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获取第一个不删掉永远获取第一个生成的二维码
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值