zoukankan      html  css  js  c++  java
  • 使用jquery插件jquery.qrcode生成二维码

    前景介绍:

    因为项目中经常用到二维码,目前的项目中的二维码都是通过qrcode.jar包生成图片,然后保存链接到数据库中,这种方式会导致系统生成大量的附件信息,个人不喜欢这种方式,所以想通过前台来生成二维码,数据库中只用保存二维码的内容即可。

    jquery.qrcode生成二维码的方式:

    引入对应的文件:

    用到的js有2个:

    jquery-3.1.0.min.js

    jquery.qrcode.min.js

    代码非常简单:复制下面代码即可直接运行

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>二维码演示</title>
    <script type="text/javascript" src="jquery/jquery-3.1.0.min.js"></script>
    <script type="text/javascript" src="jquery/jquery.qrcode.min.js"></script>
    <script type="text/javascript">
    $(function(){
        $("#qrcode").qrcode({
            render:"canvas", //生成二维码的方式 canvas/table
            200,  //宽度
            height:200,  //高度
            foreground:"black",  //前景色(指的是线条的颜色)
            background:"white",  //背景色
            text:"http://www.baidu.com"  //二维码内容
        })
    });
    </script>
    </head>
    <body>
    
    <div id="qrcode"></div>
    
    </body>
    </html>
  • 相关阅读:
    HTML超文本标记语言(八)——表单<form>
    如何理解JavaScript中给变量赋值,是引用还是复制
    PostCSS 实战
    sass 工具库
    微信小程序-制作简易豆瓣笔记
    学习pano2vr制作html5全景笔记
    git命令笔记
    Gulp实战
    html5-离线存储
    html5
  • 原文地址:https://www.cnblogs.com/ammyblog/p/11903868.html
Copyright © 2011-2022 走看看