jquery-qrcode在线生成二维码

通过bower进行获取:

y@y:ydkt$ bower install jquery-qrcode --save
bower not-cached    git://github.com/gcusnieux/jquery-qrcode.git#*
bower resolve       git://github.com/gcusnieux/jquery-qrcode.git#*
bower checkout      jquery-qrcode#master
bower resolved      git://github.com/gcusnieux/jquery-qrcode.git#31e056e747
bower install       jquery-qrcode#31e056e747

jquery-qrcode#31e056e747 client/bower_components/jquery-qrcode
y@y:ydkt$ 

使用:

.modal.fade(id="qrcode" role="dialog")
  .modal-dialog
    .modal-content
      .modal-header
        button.close(type="button" data-dismiss="modal" aria-label="Close")
          span(aria-hidden="true") ×
        h4.modal-title 在线生成二维码
      .modal-body
        form(name="qrcodeForm")
          input.form-control(placeholder="请输入内容..." required="true" ng-change="createQrCode()" ng-model="qrcodeInfo")
        br
        #qrcodeCanvas.text-center
      .modal-footer
        button.btn.btn-default(data-dismiss="modal") 关闭
//在线生成二维码
    $scope.createQrCode = function(){
      //首先清除
      jQuery('#qrcodeCanvas').html("");

      if($scope.qrcodeInfo!==undefined){
        jQuery('#qrcodeCanvas').qrcode({
          width: 256,
          height: 256,
          text    : toUtf8($scope.qrcodeInfo)
        });
      }
    };

    //解决二维码中的中文乱码问题
    function toUtf8(str) {
      var out, i, len, c;
      out = "";
      len = str.length;
      for(i = 0; i < len; i++) {
        c = str.charCodeAt(i);
        if ((c >= 0x0001) && (c <= 0x007F)) {
          out += str.charAt(i);
        } else if (c > 0x07FF) {
          out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
          out += String.fromCharCode(0x80 | ((c >>  6) & 0x3F));
          out += String.fromCharCode(0x80 | ((c >>  0) & 0x3F));
        } else {
          out += String.fromCharCode(0xC0 | ((c >>  6) & 0x1F));
          out += String.fromCharCode(0x80 | ((c >>  0) & 0x3F));
        }
      }
      return out;
    }

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值