欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

php生成帶logo二維碼方法小結(jié)

 更新時(shí)間:2016年04月08日 09:22:41   投稿:hebedich  
本文給大家對(duì)比介紹了常用的2種生成帶logo二維碼的實(shí)現(xiàn)方法,非常的實(shí)用,有需要的小伙伴可以根據(jù)自己的需求來選擇

一、使用的類庫

1、phpqrcode(php庫)

2、qrcode.js(javascript庫)

二、phpqrcode的使用

只用php的類庫,也就是二維碼的生成在后臺(tái)操作。因?yàn)橐诤笈_(tái)生成帶logo的二維碼,那么首先必須將logo圖片上傳至服務(wù)器(在上傳這里我用了webuploader)

phpqrcode使用方法:

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

然后在使用之前記得引入phpqrcode.php文件

$value = $url;//二維碼內(nèi)容 
$errorCorrectionLevel = 'L';//設(shè)置容錯(cuò)級(jí)別 
$matrixPointSize = $size;//生成圖片大小 
QRcode::png($value, 'public_files'.DIRECTORY_SEPARATOR .'code'.DIRECTORY_SEPARATOR .'qrcode.png', $errorCorrectionLevel, $matrixPointSize, 2);//生成二維碼圖片 無logo
$logo = $tar_path;//上傳至服務(wù)器的logo圖片 
$QR = 'public_files'.DIRECTORY_SEPARATOR .'code'.DIRECTORY_SEPARATOR .'qrcode.png';//已經(jīng)生成的原始二維碼圖
 
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;//設(shè)置二維碼大小
length = parseInt(length);
$("#code_img").qrcode({ //code_img是一個(gè)img標(biāo)簽的id
  render : "canvas",  //設(shè)置渲染方式,有table和canvas,使用canvas方式渲染性能相對(duì)來說比較好
  text : url,  //掃描二維碼后顯示的內(nèi)容,可以直接填一個(gè)網(wǎng)址,掃描二維碼后自動(dòng)跳向該鏈接
  width : length,       //二維碼的寬度
  height : length,
  background : "#ffffff",    //二維碼的后景色
  foreground : "#000000",    //二維碼的前景色
  src: $('#image').attr('src')       //二維碼中間的圖片
});

引入jquery.qrcode.js后再自己編寫這段js代碼,執(zhí)行后二維碼就可以顯示處理了

主要是二維碼中間的logo引用格式,一般取本地圖片有兩種格式:一種是本地URL,另一種是將圖片轉(zhuǎn)成base64格式

一開始我試用本地URL的格式來引用圖片,發(fā)現(xiàn)只能引用與js文件統(tǒng)一目錄下的圖片,所以本地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標(biāo)簽的id
  }
}

將文件讀取為一串Data URL字符串,將小文件以一種特殊格式的URL地址直接讀入頁面。這個(gè)特殊格式就是base64

三、兩個(gè)類庫之間的對(duì)比

兩個(gè)類庫,一個(gè)在后臺(tái)操作,一個(gè)直接在前端操作。

phpqrcode 生成二維碼在后臺(tái)操作,生成的圖片保存在服務(wù)器。一般生成二維碼都是直接保存到本地然后直接使用,很少會(huì)去服務(wù)器二次獲取,所以采用phpqrcode的 話會(huì)使得服務(wù)器中的圖片堆積,占用了不必要的空間,刪除的話也會(huì)花費(fèi)多余的開銷。所以使用phpqrcode不適用于這種二維碼生成工具。而且上傳圖片也 會(huì)產(chǎn)生多余的開銷

qrcode.js直接在前端操作,上傳圖片直接保存在瀏覽器,直接在前端生成二維碼,不需要任何后臺(tái)的干涉,這樣減少了不必要的開銷,也不會(huì)在服務(wù)器造成圖片的堆積而占用不必要的空間。

相關(guān)文章

最新評(píng)論