PHP图片自动裁切应付不同尺寸的显示

PHP 2018-12-30

如果做过那种门户站的朋友,肯定知道,一张图片可能会在不同的地方显示,大小不同,比例也不同, 如果只用一张图的话,那么肯定会变形,而且在显示小图的地方,链接大图,又太浪费了.....用缩略图来处理,也不完美,因为每个地方出现的比例大小可能都不一样,举个例子!

请看上图。

在这个地方,其实调去出来的是一个列表,但是图片的大小是不一样的,有多大宽有的窄,当遇到这样的情况的时候你们怎么办呢,如果直接用原来的地址,肯定是会变形的,如果搞缩略图也不靠谱,这个调去是自动调去的,你根本不知道哪个图片需要多大的宽高,

下面进入正题:

我一直用一种方法,就是PHP 自动裁切...相比你们看到过类似那种图片地址吧 /aaaa/abc_200_100.jpg 或者/aaaa/abc_200*100.jpg 我的方式就是在需要图片地方把这个图片地址转化为类似上面的那种地址,然后通过apache 的rewrite 定向到一个处理程序.根据宽高生成一个图片然后保存起来,

这样做的好处有几个地方:

第一,非常灵活,在有图片地方,你需要多宽多高,都可以随意控制,不会变形,而且程序永远会让图片内容显示的最多第二个,当图片生成过一次的时候,apache下次就不会再重定向到程序了,因为在规则前面有 !d !f 这个判断,意思就是当前文件不存在的时候才会定向走,下次图片存在了,就不会再出来了直接就是真是的图片了

不好的地方,就是生成的图片可能会比较多,占用的空间也比较大,但是如果是自己服务器那就无所谓了,可以归类整理下

OK 奉上代码,我们就以discuz为例
<div class="codetitle"><a style="CURSOR: pointer" data="59643" class="copybut" id="copybut59643" onclick="doCopy('code59643')"> 代码如下:

<div class="codebody" id="code59643">
function crop_img($img,$width = 200,$height = 200) {
$img_info = parse_url($img);
/ 外部链接直接返回图片地址 /
if (!empty($img_info['host']) && $img_info['host'] != $_SERVER['HTTPHOST']) {
return $img;
} else {
$pos = strrpos($img,'.');
$img = substr($img,$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,$pos);
echo '';
return ;
}
}

函数的用法 crop_img('原图地址','宽度','高度'); 这个函数返回处理过的图片地址,img 函数直接返回图片标签字符串,比如在discuz模板里面调用这个函数 {eval img($pic,200,100)} 这样返回的地址就是/data/attachment/forum/aaaaaa_200_100.jpg 目前来说这个图片是不存在那么看第二步

第二步需要添加apache的rewrite规则
<div class="codetitle"><a style="CURSOR: pointer" data="51357" class="copybut" id="copybut51357" onclick="doCopy('code51357')"> 代码如下:

<div class="codebody" id="code51357">

RewriteEngine on

RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^data/attachment/(.*)$ images.PHP?url=$1 [L]

上面的意思,就是 data/attachement/这个地址开头不存在的文件都定向到image.PHP来处理,并且把url当参数传过去

第三部就是image.PHP 这个里面的代码里
<div class="codetitle"><a style="CURSOR: pointer" data="29330" class="copybut" id="copybut29330" onclick="doCopy('code29330')"> 代码如下:

<div class="codebody" id="code29330">
<?PHP

$url = $_GET['url'];
$src = './data/attachment/' . pregreplace('/(\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(!pregmatch('/(\d+)_(\d+)/',$url,$wh)){
defulat();
exit();
}
$width = $wh[1];
$height = $wh[2];
thumb(realpath($src),$height,$filename,'crop','85');
}

function thumb($src,$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) { //如果原图尺寸小于当前尺寸
$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,imagecolorallocate($thumb,255,255));
imagecopyresampled($thumb,$source,$x,$y,$w,$h);
imagejpeg($thumb,null,$quality);
// if ($_SERVER['HTTP_REFERER'] || false !== stripos($_SERVER['HTTP_REFERER'],'http://' . $_SERVER['SERVER_NAME'])) {
imagejpeg($thumb,$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 函数可以控制裁切方式,scale 为等比缩放,不裁切,不够的地方用白色填充,crop 为裁切,如果要求的宽高比大于原图宽高比,那么就保持最大显示宽度,居中裁切上下多余部分,如果要求宽高比小于原图宽高比,那么就保持最大高度,居中裁切左右多余部分,总而言之,在保持不变形的前提下,把图片缩小,而且最大保留图片的内容.哈哈这个代码有多叼,试试知道了,当然你需要支持rewrite功能和GD2 支持

图片图片图片裁切

相关文章

vue+thinkphp5实现微信扫码支付(NATIVE支付)

统一支付是JSAPI/NATIVE/APP各种支付场景下生成支付订单，返...

uniapp+thinkphp5实现微信扫码支付(APP支付)

统一支付是JSAPI/NATIVE/APP各种支付场景下生成支付订单，返...

uniapp+thinkphp5实现微信登录

前言之前做了微信登录，所以总结一下微信授权登录并获取用户...

【PHP】关于fastadmin框架中使用with进行连表查询时setEagerlyType字段的理解

FastAdmin是我第一个接触的后台管理系统框架。FastAdmin是一...

【workerman】uniapp+thinkPHP5使用GatewayWorker实现实时通讯

之前公司需要一个内部的通讯软件，就叫我做一个。通讯软件嘛...

uniapp+thinkphp5实现微信支付(JSAPI支付)

统一支付是JSAPI/NATIVE/APP各种支付场景下生成支付订单，返...