精华内容
下载资源
问答
  • qrcode网页生成二维码

    2017-07-18 15:05:27
    qrcode网页生成二维码
  • 网页 生成二维码

    2018-02-09 13:55:54
    利用 jquery.qrcode.min.js 生成二维码, 可以用微信扫二维码.
  • js网页生成二维码插件qrcode是一款简单实用的网页常用二维码生成工具代码。
  • 网页生成二维码 1 将二维码变成图片 2 1效果:二维码变成了图片 2 下载二维码 2 1全部代码 3   网页生成二维码 导入生成二维码需要的js文件(https://github.com/lrsjng/jquery-qrcode) <script...

    目录

    网页生成二维码 1

    将二维码变成图片 2

    1效果:二维码变成了图片 2

    下载二维码 2

    1全部代码 3

     

    网页生成二维码

    1. 导入生成二维码需要的js文件(https://github.com/lrsjng/jquery-qrcode)

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

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

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

            <script type="text/javascript" src="js/utf.js" ></script>

     

    1. 网页写入样式

    <body>

     <p>Render in table</p>

     <div id="qrcodeTable"></div>

     <p>Render in canvas</p>

     <div id="qrcodeCanvas"></div>

    </body>

     

    1. 写入js代码

    <script>

        jQuery('#qrcodeTable').qrcode({

             render    : "table",                <!--二维码生成方式 -->

             text    : "http://www.baidu.com" , <!-- 二维码内容  -->

             width : "200",               //二维码的宽度

                     height : "200",

         });    

         jQuery('#qrcodeCanvas').qrcode({

           render    : "canvas",

             text    : "http://www.baidu.com",

             width : "200",               //二维码的宽度

                     height : "200",              //二维码的高度

                     background : "#ffffff",       //二维码的后景色

                     foreground : "#000000",        //二维码的前景色

                     src: 'img/gray.jpg'             //二维码中间的图片

         });    

     </script>

     

    1. 效果:

    将二维码变成图片

    <script>

       var aa=jQuery(‘#qrcodeTable').qrcode({

             render : "table",                <!--二维码生成方式 -->

     text : "http://www.baidu.com" , <!-- 二维码内容  -->

     width : "200",               //二维码的宽度

             height : "200",

    }).hide();//将生成的二维码隐藏起来

    //将二维码生成图片

    var canvas=aa.find(‘canvas’).get(0);

    //这里我们需要在页面定义一个img标签,<img id=”qrcodeImg”></img>

    $(‘#qrcodeImg’).attr(‘src’,canvas.toDataURL());

    </script>

     

    1效果:二维码变成了图片

    下载二维码

    先在页面定义一个按钮

    <button id="ss">下载图片</button>

    给按钮添加响应事件

    <script>

    $(function(){

        $(“#ss”).click(function(){

        downloadImage(qrcodeImg,’picture’)//第一个参数是img的id  第二个参数是你随便取得名称

    });

    });

    function downloadImage(selector,name){

           // 通过选择器获取img元素

             var img = $("#selector");

             // 将图片的src属性作为URL地址

              var url=document.getElementById(selector).src;

              var a = document.createElement('a')

              var event = new MouseEvent('click')

               a.download = name || name

               a.href = url

          a.dispatchEvent(event)

    }

    </script>

     

    1全部代码

    <%@page contentType="text/html; charset=UTF-8"%>

    <%@taglib uri="/struts-tags" prefix="s"%>

    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

    <%@ page isELIgnored="false"%>

    <!DOCTYPE html>

    <html>

    <head>

     

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

     

    <title>活动详情</title>

     

    <link href="jules/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">

    <link href="jules/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">

     

    <link href="jules/css/animate.min.css" rel="stylesheet">

    <link href="jules/css/style.min862f.css?v=4.1.0" rel="stylesheet">

    <script src="jules/js/bootstrap.min.js?v=3.3.6"></script>

    <script type="text/javascript" src="jss/js/jquery-1.8.3.min.js"></script>

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

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

    <script type="text/javascript" src="jss/js/utf.js"></script>

    </head>

     

    <body class="gray-bg">

    <div id="code"></div>

    <button id="ss">下载图片</button>

    <p>Render in table</p>

    <div id="qrcodeTable"></div>

    <img src="" id="qrcodeImg" />

    <br>

    <p>Render in canvas</p>

    <div id="qrcodeCanvas"></div>

     

    <script>

       $(function(){

          $("#ss").click(function(){

        

          downloadIamge('qrcodeImg', 'picture')

          });

        

       });

       

         function downloadIamge(selector, name) {

     

        // 通过选择器获取img元素

        var img = $("#selector");

        // 将图片的src属性作为URL地址

       //  var url = $("selector").attr('src');

        var url=document.getElementById(selector).src;

        var a = document.createElement('a')

        var event = new MouseEvent('click')

        a.download = name || name

        a.href = url

        a.dispatchEvent(event)

    }

     </script>

    <script> 

       var aa= jQuery('#qrcodeTable').qrcode({

             render    : "canvas",                //<!--二维码生成方式 -->

             text    : "http://news.baidu.com/" , //<!-- 二维码内容  -->

             width : "200",               //二维码的宽度

                     height : "200",

         }).hide();   

         

         var bb=jQuery('#qrcodeCanvas').qrcode({

           render    : "canvas",

             text    : "sss",

             width : "200",               //二维码的宽度

                     height : "200",              //二维码的高度

                     background : "#ffffff",       //二维码的后景色

                     foreground : "#000000",        //二维码的前景色

                     src: 'jss/img/gray.jpg'             //二维码中间的图片

         });   

     //将二维码生成图片

         var canvas =bb.find('canvas').get(0);

         $('#qrcodeImg').attr('src', canvas.toDataURL());

             

     </script>

     

    </body>

    </html>

     

    全部内容:https://pan.baidu.com/s/1y0NH5AjZO74b-LK8aixzWg

    展开全文
  • 网页生成二维码

    2021-03-03 19:11:40
    // 生成二维码的图标 var qrcode = new QRCode("qrcode", { // 这里的test就是指定元素的id , 就是生成得二维码要放到哪儿个标签下面 text: "http://jindo.dev.naver.com/collie", width: 100, hei

    插件官网

    下载后导入将里面得js文件copy到自己得项目中

    然后在自己得项目组建中引入js文件

    最后就是使用

    我们需要在钩子函数mounted中添加如下代码

    // 生成二维码的图标
          var qrcode = new QRCode("qrcode", { // 这里的test就是指定元素的id , 就是生成得二维码要放到哪儿个标签下面
            text: "http://jindo.dev.naver.com/collie",
            width: 100,
            height: 100,
            colorDark : "#000000",
            colorLight : "#ffffff",
            correctLevel : QRCode.CorrectLevel.H
          });
    

    效果
    在这里插入图片描述

    展开全文
  • 本例子说明怎么生成二维码,二维码的解码,后台生成。下载后直接导入到eclipse运行就可以。
  • js网页生成二维码插件qrcode是一款简单实用的网页常用二维码生成工具代码。
  • 网页生成二维码代码

    2016-01-06 21:52:21
    适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.
  • 将前端网页生成二维码

    千次阅读 2019-04-17 09:39:18
    不用注册域名,利用GitHub获得域名(只适用于没有后台服务器的网页) 一、生成域名 1.1、进入GitHub 打开网页所在的库(上传文件到GitHub上的两种方法) ...二、生成二维码 1、进入草料二维码 ...

    不用注册域名,利用GitHub获得域名(只适用于没有后台服务器的网页)

    一、生成域名

    1.1、进入GitHub

    打开网页所在的库(上传文件到GitHub上的两种方法
    在这里插入图片描述
    在这里插入图片描述
    刷新页面
    在这里插入图片描述
    在这里插入图片描述
    确定看看是否能进入你的网页(如果html文件不在文件夹下可以直接在复制的域名后写html文件名)
    网页文件所在文件夹:
    在这里插入图片描述
    网页文件:
    在这里插入图片描述

    二、生成二维码

    1、进入草料二维码

    这里的域名一定是刚才成功运行进入后所复制过来的域名,不能是自己手打的,否则会出错
    在这里插入图片描述
    在这里插入图片描述

    展开全文
  • 支付宝网页生成二维码收款-实时订单监控 商户免签约版
  • 网页生成二维码

    千次阅读 2018-06-08 17:52:36
    使用jquery.qrcode.min.js生成二维码步骤:1、引入相应的js,注意下面的两个js都需要引入&lt;script type="text/javascript" src="/resources/js/jquery.min.js"&gt;&lt;/script&...

    使用jquery.qrcode.min.js生成二维码步骤:

    1、引入相应的js,注意下面的两个js都需要引入

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

    2、页面

    <body>
    
    	 	<div class="topicsCode">
    	 		<div id="qrcode"></div>
    	 		<p class="prompt">请扫描二维码在手机端预览</p>
    	 	</div>
    		 <script>
    			$(function(){
    				$('#qrcode').qrcode('https://www.baidu.com');
    			})
    		</script>
    </body>

    这样一个简单的生成二维码的demo就完成了,jquery.qrcode.min.js还提供了一些属性,用来修改生成二维码的属性。需要的话自行查阅文档。下面附上完整页面代码:

    <!doctype html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>预览</title>
    	<script type="text/javascript" src="/resources/js/jquery.min.js"></script>
    	<script type="text/javascript" src="/resources/js/jquery.qrcode.min.js"></script>
    	<style>
            .topicsCode{
                width: 255px;
                height: 255px;
                text-Align:center;
            }
            .topicsCode{
                position: absolute;
                top: 20%;
                left: 39.5%;
            }
            #qrcode{
                margin: 0;
                padding: 0;
            }
            .prompt{
            	margin-top:5px;
            	font-size:15px;
            }
    	</style>
    </head>
    <body>
    
    	 	<div class="topicsCode">
    	 		<div id="qrcode"></div>
    	 		<p class="prompt">请扫描二维码在手机端预览</p>
    	 	</div>
    		 <script>
    			$(function(){
    				$('#qrcode').qrcode('https://www.baidu.com');
    			})
    		</script>
    </body>
    </html>
    你有多专注,就有多成功
    展开全文
  • E2EE例程 网页生成二维码收款-实时订单监控 商户免签约版
  • 此二维码生成器下载主要是针对网页自动生成二维码,随时嵌套在网页中,用户可以扫描二维码进行阅读和保存文章 经测试,100%可用,100%稳定。
  • servlet网页生成二维码

    2016-08-26 09:31:31
    "生成成功" ) ; } else { System .err .println ( "QRCode content bytes length = " + contentBytes .length + " not in [ 0,120 ]. " ) ; } //实例化一个Image对象。 ImageIO .write (bufImg, "jpg...
  • 转发:https://blog.csdn.net/erhuobuer/article/details/89349634
  • 网页自动生成二维码

    2014-11-20 20:25:44
    网页自动生成二维码,感谢http://www.admin5.net/thread-9795108-1-1.html的作者 (改jquery.qrcode.min.js:”{width:150,height:150,typeNumber:4,
  • 最近Google浏览器最新版本或者(88.0.4324.146)版本以上,增加了网页中右键生成二维码的快捷方式,不是很常用,但老是会不小心点到,如何关闭呢。 1.打开谷歌浏览器 2.在地址栏中,填入chrome://flags/#sharing-qr-...
  • 很多用户通过电脑访问了你的网站,可能某些他想手机查看,那么刚好用的这个功能,这个鹏仔简单写了下,电脑端屏幕大于1198的会显示二维码,小于则当做移动端或ipa隐藏不显示。 本次需要引入jq,如果你的站点未引入...
  • web开发的时候可以在跳转到对应的网页生成相应的网页二维码,在网页里嵌入对应的网页二维码,有java代码,jsp,有html例子,有使用文档,100%成功,性能稳定,
  • * 生成二维码 * @param url * @param width * @param height * @param imgPath */ public static void encode(String url, int width, int height, HttpServletResponse resp) { Map, Object> hints = new ...
  • 个人视频站:美梦空间 ...2 通过二维码接口生成二维码 PS:适用于固定url 下面的接口是从百度上查找,在线生成网址二维码的API接口 http://pan.baidu.com/share/qrcode?w=150&amp;amp;h=150&amp;amp;url=ht...
  • untiy自动生成二维码,二维码内容可以是一个网页链接,程序运行后自动生成二维码,使用微信扫一扫可在手机上打开二维码中的网页
  • 方案1:使用jquery-qrcode.js插件,在页面生成可打印的二维码(经过测试,该方案不能完全支持IE8) qrcode的渲染方式render中的Canvas是html5的东西,所以会有兼容性问题,为了实现IE8的兼容,我
  • 自动生成下载二维码
  • 二维码生成所需要的js相关的文件,在html页面引入需要的js代码,输入要生成的文字,字符,字符串,代码里添加生成的图片链接,点击按钮生成,就有一个二维码的图片生成
  • 网页内容生成二维码形式方便手机上查看,在采用thymeleaf模板情况下的方法: js: var serurl="127.0.0.1:8080"; var url=/*[[@{/blog/{id}(id=${blog.id} ) } ]]*/"" var qrcode = new QRCode("qrcode", { ...
  • 在IE浏览器中将当前网页网址生成二维码.docx

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 17,881
精华内容 7,152
关键字:

怎么让网页生成二维码