二維碼生成

<script src="${pageContext.request.contextPath}/static/common/js/jquery.qrcode.min.js" type="text/javascript"></script>

  <script src="${pageContext.request.contextPath}/static/common/js/jquery.qrcode.function.js" type="text/javascript"></script>

 

 <!-- 二維碼 -->
    <div class="mobius-modal-container modal-large"  style="max-height: 600px;  min-height: 200px;display:none;width:300px" id="codediv">
            <div class="mobius-modal-header" >
            </div>
                <div class="mobius-modal-content">
                    <form name="formAddEmp" id="formAddEmp" class="ng-pristine ng-scope ng-invalid ng-invalid-required ng-valid-maxlength ng-valid-pattern easyui-form"  data-options="novalidate:true">
                        <div class="market-modal-card-row">
                            <div class="market-modal-card-row-inputtitle">
                                   <div id="code" style="padding-left:80px;padding-top:30px"></div>
                               </div>
                        </div>
                    </form>
                </div>
                <div class="market-modal-card-row" style = "float:left;margin-left:150px" id= "btnbox">
                            <label></label>
                            <button  download='filename' class="mobius-btn btn-primary"
                                id="downloadbtn" style="margin:10px" onclick="Download()">下載</button>
                            <input type="hidden" id="xcxqrurl" />
                            <input type="hidden" id="qrtype" />
                </div>
                <input id="qrnum" value="" style="display: none">
    </div>

 

function Download(){
            
            //cavas 保存圖片到本地  js 實現
            //------------------------------------------------------------------------
            //1.肯定圖片的類型  獲取到的圖片格式 data:image/Png;base64,......
            var type ='image/png';//你想要什麼圖片格式 就選什麼吧
            var d=document.getElementById("code").firstChild;;
            var imgdata=d.toDataURL(type);
            //2.0 將mime-type改成image/octet-stream,強制讓瀏覽器下載
            var fixtype=function(type){
                type=type.toLocaleLowerCase().replace(/jpg/i,'jpeg');
                var r=type.match(/png|jpeg|bmp|gif/)[0];
                return 'image/'+r;
            };
            //imgdata=imgdata.replace(fixtype(type),'image/octet-stream');
            //3.0 將圖片保存到本地
            var savaFile=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);
            };
            var filename=''+code+'.'+"png";  
            //注意咯 因爲圖片下載的比較少 就直接用當前幾號作的圖片名字
            savaFile(imgdata,filename);
    }

    </script>