jquery二维码

这里可以调用一个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‘).onclick=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);
?>

时间: 2024-10-10 09:19:09

jquery二维码的相关文章

jquery二维码生成插件jquery.qrcode.js

插件描述:jquery.qrcode.js 是一个能够在客户端生成矩阵二维码QRCode 的jquery插件 ,使用它可以很方便的在页面上生成二维条码. 转载于:http://www.jq22.com/jquery-info294 如何使用它 将jquery.qrcode.min.js和jquery添加到您的网页中 <script src="jquery.min.js"></script> <script type="text/javascrip

微信生成二维码 只需一个网址即刻 还有jquery生成二维码

<div class="orderDetails-info"> <img src="http://qr.topscan.com/api.php?text=http://123.net/index.php?s=/Home/Index/yanzheng/mai/{$dange.id}" style="width: 5rem; margin-bottom: 1rem;" > </div> http://qr.tops

jquery生成二维码并实现图片下载

1.引入jquery的两个js文件 <script src="../scripts/erweima/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="../scripts/erweima/jquery.qrcode.min.js"></script> 2.准备一个展示二维码的div <div id="

PHP和Jquery生成二维码,以及PHP生成电子名片

自从跳槽了,就没有发过博客了,很愧疚,我是自学的PHP,现在这家公司加上老板才12个人,我是典型的从分工明确的公司跳槽到小公司,深刻体会到了所谓'大公司'和'小公司'的区别,上一个公司,一个项目到我这里,静态页都是写好的,我只需要将数据动态加载就行了,但是目前这个公司,典型的一个人当几个人用,我刚去公司一个多月,直接让我做项目经理的工作,去甲方公司需求调研,然后自己开发,除开设计和切图,我基本上都参与.锻炼人说实话还是小公司较好,但是锻炼技术我觉得还是大公司较好,因为我在我上一家公司呆了3个月,

前端生成二维码 jquery.qrcode.js

用jquery的二维码插件:jquery.qrcode.js 官方简介:jquery.qrcode.js 是一个纯浏览器 生成 QRcode 的 jQuery 插件,它使用非常简单,生成的 QRcode 无需下载图片,并且不依赖第三方服务,比如最近 Google 服务在国内访问不稳就造成我好几个网站的 QRcode 不能使用,并且压缩之后大小小于 4K. jquery.qrcode.js 使用 1. 加载 jQuery 和 jquery.qrcode.js: <script type='text

java 生成 二维码 和jquery 生成二维码

生成二维码 Java 生成二维码: 思路为拿到jar 包知道里面的方法使用 Step one : 在https://github.com/zxing中下载(点击网页中名为 zxing 的a标签,跳转到源码页面,点击release 查看所有发布的源码,下载zip压缩文件 Step two:  解压文件后打开文件夹,将core包和javase包 中的com包拷贝到一java项目src目录下.右键导出 jar file  得到一个二维码开发的jar包 Step three: 进行二维码制作 impor

Jquery生成二维码(微信中长按图片识别二维码功能)

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="//cdn.bootcss.com/jquery/3.1.1/jquery.js"></script> <script src="

jquery.qrcode生成二维码

qrcode其实是通过使用jQuery实现图形渲染,画图,支持canvas(HTML5)和table两种方式,github地址:https://github.com/jeromeetienne/jquery-qrcode 以下是demo: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <title>Qrcod

为网页生成二维码(jquery.qrcode.min.js)

做网站活动页面的时候,要为每个活动生成一个二维码,虽然简单,但还是习惯记录下来. jquery.qrcode.min.js是js的一个库,主流的浏览器都支持:IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile方法: qrcode(),参数: text:要编码的字符串地址 width:定义的宽度 height:定义的高度 background:背景色 foreground:前景色 <!doct