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 相关文章推荐
深入了解php4(2)--重访过去
Oct 09 PHP
用PHP制作的意见反馈表源码
Mar 11 PHP
用php实现让页面只能被百度gogole蜘蛛访问的方法
Dec 29 PHP
POSIX 风格和兼容 Perl 风格两种正则表达式主要函数的类比(preg_match, preg_replace, ereg, ereg_replace)
Oct 12 PHP
ThinkPHP与PHPExcel冲突解决方法
Aug 08 PHP
关于PHP的curl开启问题探讨
Apr 08 PHP
php获取网页请求状态程序示例
Jun 17 PHP
PHP中list方法用法示例
Dec 01 PHP
基于Codeigniter框架实现的student信息系统站点动态发布功能详解
Mar 23 PHP
php变量与JS变量实现不通过跳转直接交互的方法
Aug 25 PHP
php中curl和soap方式请求服务超时问题的解决
Jun 11 PHP
Laravel框架源码解析之模型Model原理与用法解析
May 14 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生成word并下载代码实例
2019/03/15 PHP
如何在PHP中生成随机数
2020/06/04 PHP
JavaScript的document对象和window对象详解
2010/12/30 Javascript
jquery 简短几句代码实现给元素动态添加及获取提示信息
2011/09/01 Javascript
jQuery UI Autocomplete 1.8.16 中文输入修正代码
2012/04/16 Javascript
JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码
2013/01/23 Javascript
jQuery:节点(插入,复制,替换,删除)操作
2013/03/04 Javascript
节点的插入之append()和appendTo()的用法介绍
2014/01/13 Javascript
js之ActiveX控件使用说明 new ActiveXObject()
2014/03/03 Javascript
Node.js Streams文件读写操作详解
2016/07/04 Javascript
Vue.js 时间转换代码及时间戳转时间字符串
2018/10/16 Javascript
Vue的H5页面唤起支付宝支付功能
2019/04/18 Javascript
kafka调试中遇到Connection to node -1 could not be established. Broker may not be available.
2019/09/17 Javascript
[04:44]显微镜下的DOTA2第二期——你所没有注意到的细节
2014/06/20 DOTA
python中的文件打开与关闭操作命令介绍
2018/04/26 Python
对PyTorch torch.stack的实例讲解
2018/07/30 Python
Tensorflow实现部分参数梯度更新操作
2020/01/23 Python
python 利用toapi库自动生成api
2020/10/19 Python
python mongo 向数据中的数组类型新增数据操作
2020/12/05 Python
5分钟让你掌握css3阴影、倒影、渐变小技巧(小编推荐)
2016/08/15 HTML / CSS
中国排名第一的外贸销售网站:LightInTheBox.com(兰亭集势)
2016/10/28 全球购物
The Hut英国:英国领先的豪华在线百货商店
2019/07/26 全球购物
抽象类和接口的区别
2012/09/19 面试题
材料物理专业个人求职信
2013/12/15 职场文书
外企求职信范文分享
2013/12/31 职场文书
军神教学反思
2014/02/04 职场文书
节约用水倡议书
2014/04/16 职场文书
国家奖学金获奖感言
2014/08/16 职场文书
五四青年节的活动方案
2014/08/20 职场文书
乡领导班子四风问题对照检查材料
2014/09/25 职场文书
甲乙双方合作协议书
2014/10/13 职场文书
优秀员工推荐材料
2014/12/20 职场文书
2015年社区矫正工作总结
2015/04/21 职场文书
单位领导婚礼致辞
2015/07/28 职场文书
生产实习心得体会范文
2016/01/22 职场文书
记一次Mysql不走日期字段索引的原因小结
2021/10/24 MySQL