关闭

网站开发进阶(十四)JS实现二维码生成

标签: 二维码javascript
48022人阅读 评论(1) 收藏 举报
分类:

JS实现二维码生成

         项目开发原语:已然花费半天的时间,仍旧未能将二维码显示在订单中。但是可以在单个页面中显示二维码,结合到angularjs的控制器中就失效了,自己是真的找不到其中的原因了。费解!刚开始怀疑是遮挡的问题,结果将位置更改之后还是不能显示。

那么自己就得转换解题思路了,将二维码显示单独置于一个页面中,然后通过页面的嵌套(有关文章见博文"如何将一个html页面嵌套在另一个页面中"),将二维码再显示到订单中。

正题

二维码生成借用第三方的js库,主要代码如下:

<body>

<div style="margin-top70pxmargin-left800px;">

<div id="qrcode" alt="二维码图片"></div>

<input type="text" id="getval" style="margin-top70px;"/> 

<button id="send"  ng-click="doQrcode()">点击更换二维码</button>

</div>

<script>

    window.onload = function(){

        var qrcode = new QRCode(document.getElementById("qrcode"), {

            width : 96, //设置二维码宽高

            height : 96

        });

        qrcode.makeCode("http://www.baidu.com"); //默认二维码内容

        document.getElementById("send").onclick =function(){

            qrcode.makeCode(document.getElementById("getval").value);

        }

    }

</script>

</body>

 

1
0
查看评论

基于angular生成二维码

生成二维码主要是基于jquery的qrcode.js。通过qrcode加上ng生成二维码   这个例子github也有,本人为了以后学习方便就转载了。 index.html JS生成二维码。 ctrl.js $sco...
  • wang_long_989
  • wang_long_989
  • 2014-12-31 16:31
  • 3304

ionic AngularJS 生成二维码 扫描识别二维码

1。生成二维码生成二维码我用的是angular-qrcode2。扫描二维码cordova
  • luyu13141314
  • luyu13141314
  • 2017-09-11 16:45
  • 789

angular生成二维码

  • 2018-01-30 11:11
  • 6KB
  • 下载

AngularJS进阶(二十七)实现二维码信息的集成思路

AngularJS实现二维码信息的集成思路 需求       实现生成的二维码包含订单详情信息。 思路 获取的内容数据如下:         现在可以获取到第一级数据,第二级数据data获取不到。利用第一级数据的获取方法获取不到第...
  • sunhuaqiang1
  • sunhuaqiang1
  • 2016-01-13 20:45
  • 49868

利用JavaScript生成二维码并且中间有logo

一、描述              描述: jquery.qrcode.js 是一个能够在客户端生成矩阵二维码QRCode 的jquery插件,使用它可以很方便的在页面上生成二维条码。此插件是能够独立使用的,体积也比较  ...
  • zbw18297786698
  • zbw18297786698
  • 2016-10-14 21:45
  • 10624

前端基础进阶(十四):es6常用基础合集

ES6基础智商划重点 在实际开发中,ES6已经非常普及了。掌握ES6的知识变成了一种必须。尽管我们在使用时仍然需要经过babel编译。 ES6彻底改变了前端的编码风格,可以说对于前端的影响非常巨大。值得高兴的是,如果你熟悉ES5,学习ES6并不需要花费太多的时间就可以掌握,因为常用的...
  • Fuohua
  • Fuohua
  • 2017-04-28 17:08
  • 522

通过js生成二维码的源码

  • 2015-07-14 10:10
  • 23KB
  • 下载

ionic生成二维码和普通页面生成二维码js

两种情况下生成二维码一致。只是在引入二维码js的时候不太一样 思路: 1.引入qrcode.js(下载地址http://davidshimjs.github.io/qrcodejs/) 2.获取需要生成二维码的DOM节点 3.在获取到的节点上设置二维码显示的大小等信息 4.获取生成二维码所需的数据(...
  • qq_34645412
  • qq_34645412
  • 2017-07-28 10:29
  • 382

js进阶篇

JS进阶篇 web前端开发师需要掌握什么技术?允许你已经了解HTML标记(也成为结构)知道了css样式(也称为表示)会用html和css创建一个漂亮的页面,但是这个还是不够,它只是静态的页面而已,我们需要js增加行为,为网页添加动态效果。 js能做什么: 1.增加页面的动态效果:(如下拉菜单,图片轮...
  • zxcSabrina
  • zxcSabrina
  • 2016-08-25 13:51
  • 1693

js进阶的流程,我们到底在哪个阶段,要看什么

今天无意中看到了一篇博客,里面谈了一些JS模式,我突然回过头来想想自己的学习阶段,好像太过于分散,不集中了。有时候学得东西很基础,有时候又偏高一点,虽然自己能看懂,但总感觉这种顺序怪怪的。有种 龙珠第二代一样,还未学会飞结果先变赛亚人了,最重要的是,还是比较菜的赛亚人,要做就做越阶战斗的天才。哈哈哈...
  • a250758092
  • a250758092
  • 2017-07-15 17:40
  • 265
    个人资料
    • 访问:23685023次
    • 积分:58042
    • 等级:
    • 排名:第55名
    • 原创:473篇
    • 转载:41篇
    • 译文:2篇
    • 评论:417条
    流量统计
    你问我答
     有问题?联系我。

    博客专栏
    汪国真--《热爱生命》
          热 爱 生 命
           汪国真

        我不去想是否能够成功

        既然选择了远方

        便只顾风雨兼程

        我不去想能否赢得爱情

        既然钟情于玫瑰

        就勇敢地吐露真诚

        我不去想身后会不会袭来寒风冷雨

        既然目标是地平线

        留给世界的只能是背影

        我不去想未来是平坦还是泥泞

        只要热爱生命

        一切都在意料之中
    最新评论
    轻松一下