首页 > 代码库 > jquery二维码
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);
?>
jquery二维码