自动进入网页生成二维码并且下载到本地

最新推荐文章于 2021-12-10 13:44:49 发布

搬砖小田

最新推荐文章于 2021-12-10 13:44:49 发布

阅读量220

点赞数

本文链接：https://blog.csdn.net/qq_34887145/article/details/118195185

版权

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="True" name="HandheldFriendly">
    <meta name="MobileOptimized" content="320">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0,  minimum-scale=1.0, maximum-scale=1.0"/>
    <meta name="format-detection" content="telephone=no"/>
    <title>自动生成下载二维码</title>
    <style class="text/css" media="all">
        html,body,h1,h2,p,span,a,div,ol,ul,li,table,tbody,tfoot,thead,tr,th,td,canvas{margin:0;padding:0;}
        body{text-align:center;font-size-adjust:none;-webkit-text-size-adjust:none;font-family: Arial,"Microsoft YaHei",sans-serif;background:#ffffff;float:left;width:100%;position:relative;}
        ol,ul{list-style:none}
    </style>
</head>
<body>
<div id="qr_container" style="margin:auto; position:relative;"></div>
</div>
</body>
<script type="text/javascript" src="https://www.mk2048.com/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="https://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
<script type="text/javascript" src="https://www.mk2048.com/js/toast.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('#qr_container').qrcode({render:"canvas",height:120, width:120,correctLevel:0,text:"http://www.baidu.com"});//生成二维码
        //图片下载操作,指定图片类型
        function download(type) {
            //设置保存图片的类型
            $("canvas").attr("id","canvas1");
            var canvas = document.getElementById('canvas1');
            var imgdata = canvas.toDataURL(type);
            //将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')
            //将图片保存到本地
            var saveFile = function (data, filename) {
                var link = document.createElement('a');
                link.href = data;
                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);
                link.dispatchEvent(event);
            }
            var filename = "二维码"+new Date().toLocaleDateString() + '.' + type;
            saveFile(imgdata, filename);
        }

        setTimeout(function(){
            toast("自动下载图片");
            download("png");
        },2000);//过两秒自动下载二维码

        setTimeout(function(){
            try{
                window.location.href = 'weixin://scanqrcode'; //ios已经调试通过，安卓还在研究中....
            }catch(e){

            }
        },3000);//打开微信扫一扫
    });
</script>
</html>

搬砖小田

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
自动进入网页生成二维码并且下载到本地

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta content="True" name="HandheldFriendly"> <meta name="MobileOptimized" content="320"> <meta http-equiv="Content-Type" content="text/ht
复制链接

扫一扫