php產生帶logo二維碼的實現方法

本文給大家對比介紹了常用的2種產生帶logo二維碼的實現方法，非常的實用，有需要的小夥伴可以根據自己的需求來選擇

一、使用的類庫

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

qrcode的使用也很簡單：

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==='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

三、兩個類庫之間的對比

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

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

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

總結：以上就是本篇文的全部內容，希望能對大家的學習有所協助。