导读:一、使用的类库1、phpqrcode(php库)2、qrcode.js(javascript库)二、phpqrcode的使用只用php的类库,也就是二维码的生成在后台操作。因为要在后台生成带logo的二维码,那么首先必须将logo图片上传至服务器(在上传这里我用了webuploader)phpqrcode使用方法:首先下
一.应用的类库
1.phpqrcode(php库)
2.qrcode.js(javascript库)
二.phpqrcode的应用
仅用php的类库,也就是二维码的形成在后台管理实际操作。由于要在后台管理转化成带logo的二维码,那麼最先务必将logo图片提交至网络服务器(在提交这儿我就用了webuploader)
phpqrcode操作方法:
最先免费下载PHP QR Code
随后在应用前还记得引进phpqrcode.php文件
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
$value = $url;//二维码內容
$errorCorrectionLevel = 'L';//设定容错机制等级
$matrixPointSize = $size;//转化成图片尺寸
QRcode::png($value, 'public_files'.DIRECTORY_SEPARATOR .'code'.DIRECTORY_SEPARATOR .'qrcode.png', $errorCorrectionLevel, $matrixPointSize, 2);//生成二维码照片 无logo
$logo = $tar_path;//提交至网络服务器的logo图片
$QR = 'public_files'.DIRECTORY_SEPARATOR .'code'.DIRECTORY_SEPARATOR .'qrcode.png';//早已转化成的初始二维码图
if ($logo !== FALSE) {
$QR = imagecreatefromstring(file_get_contents($QR));
$logo = imagecreatefromstring(file_get_contents($logo));
$QR_width = imagesx($QR);//二维码图片总宽
$QR_height = imagesy($QR);//二维码图片相对高度
$logo_width = imagesx($logo);//logo图片总宽
$logo_height = imagesy($logo);//logo图片相对高度
$logo_qr_width = $QR_width / 5;
$scale = $logo_width/$logo_qr_width;
$logo_qr_height = $logo_height/$scale;
$from_width = ($QR_width - $logo_qr_width) / 2;
imagecopyresampled($QR, $logo, $from_width, $from_width, 0, 0, $logo_qr_width,
$logo_qr_height, $logo_width, $logo_height);
}
$name = time();
imagepng($QR, 'public_files'.DIRECTORY_SEPARATOR .'code'.DIRECTORY_SEPARATOR .$name.'.png');//輸出带logo的二维码图片
|
三.qrcode.js的应用
应用qrcode.js在前面立即生成二维码,最先应该免费下载jquery.qrcode.js
qrcode的应用也不难:
1
2
3
4
5
6
7
8
9
10
11
|
var length = size*80;//设定二维码尺寸
length = parseInt(length);
$("#code_img").qrcode({ //code_img是一个img标签的id
render : "canvas", //设定3D渲染方法,有table和canvas,应用canvas方法3D渲染特性相对而言比较好
text : url, //扫描二维码后展现的內容,能够立即填一个网站地址,扫描二维码后自動跳向该连接
width : length, //二维码的总宽
height : length,
background : "#ffffff", //二维码的后风景
foreground : "#000000", //二维码的前景色
src: $('#image').attr('src') //二维码正中间的照片
});
|
引进jquery.qrcode.js后再自身撰写这一段js代码,实行后二维码就可以表明解决了
主要是二维码正中间的logo引用格式,一般取当地照片有二种文件格式:一种是当地URL,另一种是将图片转成base64文件格式
一开始我使用当地URL的文件格式来引入照片,发觉只有引入与js文件统一文件目录下的照片,因此当地URL格式并不兼容,因此我选用了后一种方法。
用
<input accept="image/*" type="file" id="file_input">
来提交选择当地照片,随后取其base64文件格式
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
var input = document.getElementById("file_input");
if(typeof FileReader==='undefined'){
input.setAttribute('disabled','disabled');
}else{
input.addEventListener('change',readFile,false);
}
function readFile(){
var file = this.files[0];
if(!/image/w /.test(file.type)){ alert("文档务必为照片!");
return false;
}
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function(e){
$('#image').attr('src',this.result);//image为img标签的id
}
}
|
将文档载入为一串Data URL字符串数组,将小文档以一种独特形式的URL详细地址立即读取网页页面。这一独特文件格式便是base64
三,2个类库中间的比照
2个类库,一个在后台管理实际操作,一个立即在前面实际操作。
phpqrcode 生成二维码在后台管理实际操作,转化成的照片储存在网络服务器。一般生成二维码全是立即储存到当地随后立即应用,非常少会去网络服务器二次获得,因此选用phpqrcode的 话会促使网络服务器中的照片沉积,占有了没必要的室内空间,删掉得话也会耗费不必要的花销。因此应用phpqrcode不适感用以这类二维码生成专用工具。并且上传照片也 会造成不必要的花销
qrcode.js立即在前面实际操作,上传照片立即储存在电脑浏览器,立即在前面生成二维码,不用一切后台管理的干预,那样降低了没必要的花销,也不会在网络服务器导致照片的沉积而占有多余的室内空间。
标签:PHP