• 129129

    文章

  • 809

    评论

  • 12

    友链

  • 最近新加了换肤功能,大家多来逛逛吧~~~~
  • 喜欢这个网站的朋友可以加一下QQ群,我们一起交流技术。

二维码生成

服了这份高薪指南,涨多少你说了算>>

<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>


695856371Web网页设计师②群 | 喜欢本站的朋友可以收藏本站,或者加入我们大家一起来交流技术!

0条评论

Loading...


发表评论

电子邮件地址不会被公开。 必填项已用*标注

自定义皮肤 主体内容背景
打开支付宝扫码付款购买视频教程
遇到问题联系客服QQ:419400980
注册梁钟霖个人博客