快捷導(dǎo)航

PHP圖片自動(dòng)裁切應(yīng)付不同尺寸的顯示

更新時(shí)間：2014年10月16日 17:39:43 投稿：whsnow

一張圖片可能會(huì)在不同的地方顯示,大小不同,比例也不同，因此本例介紹的這個(gè)圖片自動(dòng)裁切還是比較有用的，有需求的朋友可以看看

如果做過那種門戶站的朋友,肯定知道,一張圖片可能會(huì)在不同的地方顯示,大小不同,比例也不同,
如果只用一張圖的話,那么肯定會(huì)變形,而且在顯示小圖的地方,鏈接大圖,又太浪費(fèi)了.....用縮略圖來處理,也不完美,因?yàn)槊總€(gè)地方出現(xiàn)的比例大小可能都不一樣 ,舉個(gè)例子!

請看上圖。

在這個(gè)地方,其實(shí)調(diào)去出來的是一個(gè)列表,但是圖片的大小是不一樣的,有多大寬有的窄,,當(dāng)遇到這樣的情況的時(shí)候你們怎么辦呢,如果直接用原來的地址,肯定是會(huì)變形的,如果搞縮略圖也不靠譜,這個(gè)調(diào)去是自動(dòng)調(diào)去的,你根本不知道哪個(gè)圖片需要多大的寬高,
------------------------------------------------------------------------------------------------------------------
下面進(jìn)入正題:

我一直用一種方法,就是PHP 自動(dòng)裁切...相比你們看到過類似那種圖片地址吧 /aaaa/abc_200_100.jpg 或者/aaaa/abc_200*100.jpg
我的方式就是在需要圖片地方把這個(gè)圖片地址轉(zhuǎn)化為類似上面的那種地址, 然后通過apache 的rewrite 定向到一個(gè)處理程序.根據(jù)寬高生成一個(gè)圖片然后保存起來,

這樣做的好處有幾個(gè)地方:

第一,非常靈活,在有圖片地方,你需要多寬多高,都可以隨意控制,不會(huì)變形,而且程序永遠(yuǎn)會(huì)讓圖片內(nèi)容顯示的最多
第二個(gè),當(dāng)圖片生成過一次的時(shí)候,apache下次就不會(huì)再重定向到程序了, 因?yàn)樵谝?guī)則前面有 !d !f 這個(gè)判斷,意思就是當(dāng)前文件不存在的時(shí)候才會(huì)定向走,下次圖片存在了,就不會(huì)再出來了直接就是真是的圖片了

不好的地方,就是生成的圖片可能會(huì)比較多,占用的空間也比較大,但是如果是自己服務(wù)器那就無所謂了,可以歸類整理下

OK 奉上代碼,我們就以discuz為例

復(fù)制代碼代碼如下:

function crop_img($img, $width = 200, $height = 200) {

$img_info = parse_url($img);

/* 外部鏈接直接返回圖片地址 */

if (!empty($img_info['host']) && $img_info['host'] != $_SERVER['HTTP_HOST']) {

return $img;

} else {

$pos = strrpos($img, '.');

$img = substr($img, 0, $pos) . '_' . $width . '_' . $height . substr($img, $pos);

return $img;

}

}

function img($img,$width,$height){

$img_info = parse_url($img);

/* 外部鏈接直接返回圖片地址 */

if (!empty($img_info['host']) && $img_info['host'] != $_SERVER['HTTP_HOST']) {

return $img;

} else {

$pos = strrpos($img, '.');

$img = substr($img, 0, $pos) . '_' . $width . '_' . $height . substr($img, $pos);

echo '<img src="'.$img.'" width="'.$width.'" height="'.$height.'" />';

return ;

} 

}

函數(shù)的用法 crop_img('原圖地址','寬度','高度'); 這個(gè)函數(shù)返回處理過的圖片地址,img 函數(shù)直接返回圖片標(biāo)簽字符串,比如在discuz模板里面調(diào)用這個(gè)函數(shù) {eval img($pic,200,100)}
這樣返回的地址就是/data/attachment/forum/aaaaaa_200_100.jpg 目前來說這個(gè)圖片是不存在那么看第二步

第二步需要添加apache的rewrite規(guī)則

復(fù)制代碼代碼如下:

<IfModule mod_rewrite.c> 

RewriteEngine on

RewriteCond %{REQUEST_FILENAME} !-d

RewriteCond %{REQUEST_FILENAME} !-f 

RewriteRule ^data/attachment/(.*)$ images.php?url=$1 [L]

</IfModule>

上面的意思,就是 data/attachement/這個(gè)地址開頭不存在的文件都定向到image.php來處理,并且把url當(dāng)參數(shù)傳過去

第三部就是image.php 這個(gè)里面的代碼里

復(fù)制代碼代碼如下:

<?php

$url = $_GET['url'];

$src = './data/attachment/' . preg_replace('/_(\d+)_(\d+)/', '', $url);

$filename = './data/attachment/' . $url;

if (file_exists($filename)) {

ob_start();

header('Content-type:image/jpeg');

readfile($filename);

ob_flush();

flush();

} else {

if(!preg_match('/_(\d+)_(\d+)/', $url, $wh)){

defulat();

exit();

}

$width = $wh[1];

$height = $wh[2];

thumb(realpath($src), $width, $height, $filename, 'crop', '85');

}

function thumb($src, $width, $height, $filename, $mode = 'scale', $quality = '100') {

try {

$imageValue = getimagesize($src);

$sourceWidth = $imageValue[0]; //原圖寬

$sourceHeight = $imageValue[1]; //原圖高

$thumbWidth = $width; //縮略圖寬

$thumbHeight = $height; //縮略圖高

$_x = 0;

$_y = 0;

$w = $sourceWidth;

$h = $sourceHeight;

if ($mode == 'scale') {

if ($sourceWidth <= $thumbWidth && $sourceHeight <= $thumbHeight) {

$_x = floor(($thumbWidth - $sourceWidth) / 2);

$_y = floor(($thumbHeight - $sourceHeight) / 2);

$thumbWidth = $sourceWidth;

$thumbHeight = $sourceHeight;

} else {

if ($thumbHeight * $sourceWidth > $thumbWidth * $sourceHeight) {

$thumbHeight = floor($sourceHeight * $width / $sourceWidth);

$_y = floor(($height - $thumbHeight) / 2);

} else {

$thumbWidth = floor($sourceWidth * $height / $sourceHeight);

$_x = floor(($width - $thumbWidth) / 2);

}

}

} else if ($mode == 'crop') {

if ($sourceHeight < $thumbHeight) { //如果原圖尺寸小于當(dāng)前尺寸 

$thumbWidth = floor($thumbWidth * $sourceHeight / $thumbHeight);

$thumbHeight = $sourceHeight;

}

if ($sourceWidth < $thumbWidth) {

$thumbHeight = floor($thumbHeight * $sourceWidth / $thumbWidth);

$thumbWidth = $sourceWidth;

}

$s1 = $sourceWidth / $sourceHeight; //原圖比例

$s2 = $width / $height; //新圖比例

if ($s1 == $s2) {

} else if ($s1 > $s2) { //全高度 

$y = 0;

$ax = floor($sourceWidth * ($thumbHeight / $sourceHeight));

$x = ($ax - $thumbWidth) / 2;

$w = $thumbWidth / ($thumbHeight / $sourceHeight);

} else { //全寬度 

$x = 0;

$ay = floor($sourceHeight * ($thumbWidth / $sourceWidth)); //模擬原圖比例高度

$y = ($ay - $thumbHeight) / 2;

$h = $thumbHeight / ($thumbWidth / $sourceWidth);

}

}

switch ($imageValue[2]) {

case 2: $source = imagecreatefromjpeg($src);

break;

case 1: $source = imagecreatefromgif($src);

break;

case 3: $source = imagecreatefrompng($src);

break;

case 6: $source = imagecreatefromwbmp($src);

break;

default: defulat();

return;

}

header("Content-type: image/jpeg");

$thumb = imagecreatetruecolor($width, $height);

imagefill($thumb, 0, 0, imagecolorallocate($thumb, 255, 255, 255));

imagecopyresampled($thumb, $source, 0, 0, $x, $y, $width, $height, $w, $h);

imagejpeg($thumb, null, $quality);

// if ($_SERVER['HTTP_REFERER'] || false !== stripos($_SERVER['HTTP_REFERER'], 'http://' . $_SERVER['SERVER_NAME'])) {

imagejpeg($thumb, $filename, $quality);

// }

imagedestroy($thumb);

imagedestroy($source);

} catch (Exception $ex) {

defulat();

}

}

function defulat() {

$default_img = realpath('media/images/nopic.jpg');

ob_start();

header('Content-type:image/jpeg');

readfile($default_img);

ob_flush();

flush();

}

thumb 函數(shù) 可以控制裁切方式,scale 為等比縮放,不裁切,不夠的地方用白色填充,crop 為裁切,如果要求的寬高比大于原圖寬高比,那么就保持最大顯示寬度,居中裁切上下多余部分,如果要求寬高比小于原圖寬高比,那么就保持最大高度,居中裁切左右多余部分,總而言之,在保持不變形的前提下 ,把圖片縮小,而且最大保留圖片的內(nèi)容.哈哈這個(gè)代碼有多叼,試試知道了,,,當(dāng)然你需要支持rewrite功能和GD2 支持

您可能感興趣的文章: