首頁  >  文章  >  後端開發  >  (進階篇)php產生帶logo二維碼方法小結

(進階篇)php產生帶logo二維碼方法小結

黄舟
黄舟原創
2017-02-07 09:27:101464瀏覽

一、使用的類別庫

1、phpqrcode(php函式庫)

2、qrcode.js(javascript函式庫)

二、phpqrcode的使用

只用php的類別庫,也就是二維碼的產生在後台操作。因為要在後台產生帶logo的二維碼,那麼首先必須將logo圖片上傳至伺服器(在上傳這裡我用了webuploader)

phpqrcode使用方法:

先下載phpqrcode:http://phpqrcode.sourceforge. net/

然後在使用前記得引入phpqrcode.php檔案

$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使用也很簡單:

var length = size*80;//设置二维码大小
length = parseInt(length);
$("#code_img").qrcode({ //code_img是一个img标签的id  
render : "canvas",  //设置渲染方式,有table和canvas,使用canvas方式渲染性能相对来说比较好  
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格式

var input = document.getElementById("file_input");  
if(typeof FileReader===&#39;undefined&#39;){  
input.setAttribute(&#39;disabled&#39;,&#39;disabled&#39;);}else{  
input.addEventListener(&#39;change&#39;,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){    
$(&#39;#image&#39;).attr(&#39;src&#39;,this.result);//image为img标签的id  
}}

將檔案讀取為一串Data URL字串,將小檔案以特殊格式的URL位址直接讀入頁面。這個特殊格式就是base64

三、兩個類別庫之間的對比

兩個類別庫,一個在後台操作,一個直接在前端操作。

phpqrcode 產生二維碼在後台操作,產生的圖片保存在伺服器。一般生成二維碼都是直接保存到本地然後直接使用,很少會去伺服器二次獲取,所以採用phpqrcode的話會使得伺服器中的圖片堆積,佔用了不必要的空間,刪除的話也會花費多餘的開銷。所以使用phpqrcode不適用於這種二維碼產生工具。而且上傳圖片也會產生多餘的開銷

qrcode.js直接在前端操作,上傳圖片直接保存在瀏覽器,直接在前端產生二維碼,不需要任何後台的干涉,這樣減少了不必要的開銷,也不會在伺服器造成圖片的堆積而佔用不必要的空間。

以上就是(進階篇)php產生帶logo二維碼方法小結的內容,更多相關內容請關注PHP中文網(www.php.cn)!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn