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


Posted in PHP onOctober 16, 2014

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

请看上图。

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

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

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

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

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

OK 奉上代码,我们就以discuz为例

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 ;

} 

}

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

第二步 需要添加apache的rewrite规则

<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/这个地址开头不存在的文件都定向到image.php来处理,并且把url当参数传过去

第三部就是image.php 这个里面的代码里

<?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) { //如果原图尺寸小于当前尺寸 

$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 函数 可以控制 裁切方式,scale 为等比缩放,不裁切,不够的地方 用白色填充,crop 为裁切,如果要求的宽高比 大于原图宽高比,那么就保持最大显示宽度,居中裁切上下多余部分,如果要求宽高比小于原图宽高比,那么就保持最大高度,居中裁切左右多余部分,总而言之,在保持不变形的前提下 ,把图片缩小,而且最大保留图片的内容.哈哈 这个代码有多叼,试试知道了,,,当然你需要支持rewrite功能和GD2 支持
PHP 相关文章推荐
基于文本的搜索
Oct 09 PHP
深入了解php4(1)--回到未来
Oct 09 PHP
PHP获取当前文件所在目录 getcwd()函数
May 13 PHP
基于php验证码函数的使用示例
May 03 PHP
PHP CLI模式下的多进程应用分析
Jun 03 PHP
解析PHP跳出循环的方法以及continue、break、exit的区别介绍
Jul 01 PHP
PHP调用MsSQL Server 2012存储过程获取多结果集(包含output参数)的详解
Jul 03 PHP
PHP用strstr()函数阻止垃圾评论(通过判断a标记)
Sep 28 PHP
2个Codeigniter文件批量上传控制器写法例子
Jul 25 PHP
php判断数组中是否存在指定键(key)的方法
Mar 17 PHP
深入理解PHP变量的值类型和引用类型
Oct 21 PHP
PHP设计模式之工厂模式实例总结
Sep 01 PHP
PHP 抽象方法与抽象类abstract关键字介绍及应用
Oct 16 #PHP
php开启与关闭错误提示适用于没有修改php.ini的权限
Oct 16 #PHP
php实现扫描二维码根据浏览器类型访问不同下载地址
Oct 15 #PHP
ThinkPHP基于PHPExcel导入Excel文件的方法
Oct 15 #PHP
ThinkPHP分页实例
Oct 15 #PHP
PHP中使用Session配合Javascript实现文件上传进度条功能
Oct 15 #PHP
jquery+php+ajax显示上传进度的多图片上传并生成缩略图代码
Oct 15 #PHP
You might like
PHP 获取远程文件内容的函数代码
2010/03/24 PHP
PHP定时任务延缓执行的实现
2014/10/08 PHP
windows下安装php的memcache模块的方法
2015/04/07 PHP
PHP html_entity_decode()函数讲解
2019/02/25 PHP
tp5.1 框架join方法用法实例分析
2020/05/26 PHP
JS 页面内容搜索,类似于 Ctrl+F功能的实现代码
2007/08/13 Javascript
用javascript来实现动画导航效果的代码
2007/12/16 Javascript
js 对象是否存在判断
2009/07/15 Javascript
IE6/7/8/9不支持exec的简写方式
2011/05/25 Javascript
基于jQuery的倒计时实现代码
2012/05/30 Javascript
jQuery插件实现大图全屏图片相册
2015/03/14 Javascript
WebApi+Bootstrap+KnockoutJs打造单页面程序
2016/05/16 Javascript
js Canvas实现圆形时钟教程
2016/09/19 Javascript
JS绘制微信小程序画布时钟
2016/12/24 Javascript
js仿小米手机上下滑动效果
2017/02/05 Javascript
js仿新浪微博消息发布功能
2017/02/17 Javascript
Vue2.0用 watch 观察 prop 变化(不触发)
2017/09/08 Javascript
Vue2.0子同级组件之间数据交互方法
2018/02/28 Javascript
微信小程序input框中加入小图标的实现方法
2018/06/19 Javascript
浅谈Angularjs中不同类型的双向数据绑定
2018/07/16 Javascript
微信小程序导航栏跟随滑动效果的实现代码
2019/05/14 Javascript
swiper Scrollbar滚动条组件详解
2019/09/08 Javascript
python生成器的使用方法
2013/11/21 Python
python解决字符串倒序输出的问题
2018/06/25 Python
python学生管理系统
2019/01/30 Python
python实现把两个二维array叠加成三维array示例
2019/11/29 Python
对python中list的五种查找方法说明
2020/07/13 Python
俄罗斯游戏商店:Buka
2020/03/01 全球购物
潘多拉珠宝美国官方网站:Pandora US
2020/06/18 全球购物
职业规划书如何设计?
2014/01/09 职场文书
物流创业计划书
2014/02/01 职场文书
诉讼财产保全担保书
2014/05/20 职场文书
2016年党员干部廉政承诺书
2016/03/24 职场文书
幼儿园2016年感恩节活动总结
2016/04/01 职场文书
简单实现一个手持弹幕功能+文字抖动特效
2021/03/31 HTML / CSS
pycharm无法导入lxml的解决办法
2021/03/31 Python