头像

jQuery+qrcode生成二维码

2017-07-15 15:49:27 收藏    来源:PHP代码   浏览()   评论 ( 0 )   

jQuery+qrcode生成二维码
jQuery生成二维码,qrcode生成二维码
查看演示 下载资源:0

手机扫码访问:

下载资源 下载积分:20

  HTML

  1、首先在引入jQuery.js和qrcode.min.js。

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

  2、#qrcode 是生成二维码区域。代码如下:

    <input type="text" class="input" id="url" value="" autocomplete="off"/> <input type="button" class="btn" id="submit" value="提交"/>
    <div id="qrcode"></div>

    

  3、实例化QRCode,注意这个插件不依赖其他库,So “document.getElementById("qrcode")” 不能写成$("#qrcode"),否则报错。

  4、最后通过提交按钮,生成二维码

    $("#submit").click(function() { 
        var url = $("#url").val(); 
        if (!url) { 
            alert("请输入要生成二维码的内容"); 
            url.focus(); 
            return; 
        } 
        qrcode.makeCode(url); //生成二维码方法 
    });


标签: 二维码
声明:转载请注明来源(PHP代码)并保留原文链接:http://www.phpdaima.com/code-32.html
广告不存在
评论0

后面还有条评论,点击查看>>

温馨提示:为规范评论内容,垃圾评论一律封号...

jQuery+qrcode生成二维码
我的积分余额: 0.0 已下载次数: 0
所需积分:2020 开始下载
×