通过QRcode生成二维码.并可以下载

引入JS：

<script type="text/javascript" src="jquery.qrcode.min.js"></script>

 

<div class="form-group">

    <label class="control-label col-xs-2">二维码</label>
    <div class="col-xs-2" id="qr">
        <!-- 二维码生成位置 -->
    </div>

</div>

 

 

 

/***生成二维码****/
    function generate(obj){
      
        $('#qr').qrcode("生成内容");
        
    }

 

/*下载二维码*/
    function dwn(){
        var type = 'png';
        var dataurl =$("canvas").get(0).toDataURL('image/png').replace("image/png", "image/octet-stream");
        var filename = '二维码_' + (new Date()).getTime() + '.' + type;
        saveFile(dataurl,filename);
    }
    /**
    * 在本地进行文件保存
    * @param  {String} data     要保存到本地的图片数据
    * @param  {String} filename 文件名
    */
    var saveFile = function(data, filename){
       var save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');
       save_link.href = data;
       save_link.download = filename;
      
       var event = document.createEvent('MouseEvents');
       event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
       save_link.dispatchEvent(event);
    };