博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery二维码
阅读量:5314 次
发布时间:2019-06-14

本文共 3581 字,大约阅读时间需要 11 分钟。

这里可以调用一个jq-qrcode库,然后根据参数往里面传内容即可,本人当时做的是一个名片系统,所以可以生成一个vcf文件在PC端。

具体项目文件请见:https://github.com/marhovey/QRcode;

jq-qrcode直接访问:https://github.com/jeromeetienne/jquery-qrcode;

1、生成微信名片二维码:

function createvcf() {

  $(".qrBox").css({display:"block"});
  var a,
  c = $("#name").html().replaceAll(" ", ""),
  d = $("#title").html().replaceAll(" ", ""),
  e = $("#adr").html().replaceAll(" ", ""),
  f = $("#org").html().replaceAll(" ", ""),
  g = $("#cell").html().replaceAll(" ", ""),
  h = $("#home").html().replaceAll(" ", ""),
  i = $("#url").html().replaceAll(" ", ""),
  j = $("#email").html().replaceAll(" ", "");
  e=e.slice(0,e.search("<img"));
  a = "BEGIN:VCARD", a += "\r\nN:"+ c, d && (a += "\r\nTITLE:" + d), e && (a += "\r\nADR;WORK:;;" + e + ";;;;"), f && (a += "\r\nORG:" + f), g && (a += "\r\nTEL;CELL,VOICE:" + g), h && (a += "\r\nTEL;WORK,VOICE:" + h), i && (a += "\r\nURL;WORK:" + i), j && (a += "\r\nEMAIL;INTERNET,HOME:" + j), a += "\r\nEND:VCARD", $("#qrcode").empty().qrcode({
    render: "image",
    ecLevel: "0" == $("#mode").val() ? "L": "H",
    size: 300,
    background: "#fff",
    fill: $("#fill").val(),
    radius: $("#radius").val(),
    mode: 1 * $("#mode").val(),
    fontcolor: $("#fontcolor").val(),
    label: c,
    text: a
  })
  }
  String.prototype.replaceAll = function(a, b) {
  return this.replace(new RegExp(a.replace(/([\(\)\[\]\{\}\^\$\+\-\*\?\.\"\'\|\/\\])/g, "\\$1"), "ig"), b)
  };
  document.getElementById('btn').οnclick=function(){
  createvcf();
}

2、生成域名二维码:

(function () {

  'use strict';

  var jq = window.jQuery;

  var guiValuePairs = [
    ['size', 'px'],
    ['minversion', ''],
    ['quiet', ' modules'],
    ['radius', '%'],
    ['msize', '%'],
    ['mposx', '%'],
    ['mposy', '%']
  ];

  function updateGui() {

    jq.each(guiValuePairs, function (idx, pair) {
      var $label = jq('label[for="' + pair[0] + '"]');
      $label.text($label.text().replace(/:.*/, ': ' + jq('#' + pair[0]).val() + pair[1]));
    });
  }
  function updateQrCode() {
    var options = {
      render: "image",
      ecLevel: "H",
      minVersion: parseInt("1", 10),

      fill: "#333",

      background: "#fff",

      text: document.URL,

      //大小

      size: parseInt("150", 10),

      radius: parseInt("0", 10) * 0.01,

      quiet: parseInt("1", 10),

      mode: parseInt("0", 10),

      image: jq('#img-buffer')[0]

    };

   jq('#erwm').empty().qrcode(options);

  }

  function update() {

    updateGui();
    updateQrCode();
  }

  function onImageInput() {

    var input = jq('#image')[0];
    if (input.files && input.files[0]) {
      var reader = new FileReader();
      reader.onload = function (event) {
        jq('#img-buffer').attr('src', event.target.result);
        jq('#mode').val('4');
        setTimeout(update, 250);
    };
    reader.readAsDataURL(input.files[0]);
    }
  }
  function init() {
    jq('#image').on('change', onImageInput);
    jq(window).load(update);
    update();
   }
  jq(init);
}());

3、生成vcf文件:

<?php

  header("Content-type: text/html; charset=utf-8");
  $name=$_POST["name"];
  $title=$_POST["title"];
  $adr=$_POST["adr"];
  $org=$_POST["org"];
  $cell=$_POST["cell"];
  $home=$_POST["home"];
  $url=$_POST["url"];
  $email=$_POST["email"];
  $myfile=fopen("index.vcf","w");
  $txt="BEGIN:VCARD\r\n"."N:".$name."\r\nORG:".$org."\r\nTITLE:".$title."\r\nADR;TYPE=WORK:;;".$adr."\r\nTEL;TYPE=CELL,VOICE:".$cell."\r\nTEL;TYPE=WORK,VOICE:".$home."\r\nEMAIL;TYPE=PREF,INTERNET:".$email."\r\nEND:VCARD";
  fwrite($myfile, $txt);
  fclose(myfile);
?>

转载于:https://www.cnblogs.com/marvey/p/6547066.html

你可能感兴趣的文章
TCP粘包拆包问题
查看>>
Java中Runnable和Thread的区别
查看>>
SQL Server中利用正则表达式替换字符串
查看>>
POJ 1015 Jury Compromise(双塔dp)
查看>>
论三星输入法的好坏
查看>>
Linux 终端连接工具 XShell v6.0.01 企业便携版
查看>>
JS写一个简单日历
查看>>
Python 发 邮件
查看>>
mysql忘记密码的解决办法
查看>>
全面分析Java的垃圾回收机制2
查看>>
[Code Festival 2017 qual A] C: Palindromic Matrix
查看>>
修改博客园css样式
查看>>
Python3 高阶函数
查看>>
初始面向对象
查看>>
leetcode Letter Combinations of a Phone Number
查看>>
Unity 5.4 测试版本新特性---因吹丝停
查看>>
7.5 文件操作
查看>>
MyEclipse中将普通Java项目convert(转化)为Maven项目
查看>>
node js 安装.node-gyp/8.9.4 权限 无法访问
查看>>
windows基本命令
查看>>